@import url('/includes/css/menu1-1.css');

/* 
Notes:
- Nameing convetions: 
  --.[item name]-[version #]      - Templates Items that require several design revisions (example .menu-4)
  --.[item name]-[hex color]      - Items that require different color variations  (example .box-ffffff)
	--.[item name]-[width]-[height] - Items with very specific width and height requirments (example .box-640-480)

- Any .dark classes are being depricated these are from the old mashup template 

- The dreaded rounded corners - Depends on the item...  for items that can look good as squares in IE I have been using -webkit rounded corners
*/

/* @font-face {font-family: "Helvetica"; src: url("/fonts/Helvetica.dfont")} */


html    {overflow-y:scroll;}
body    {margin:0;	padding:0;	color:#333;	font-family:Arial, Helvetica, Geneva, sans-serif;	background:#f0efe2; text-align:center;}

a       {color:#009AC8; text-decoration:none; }  
a:hover {color:#B31B34;} 


/* Global Wrapper Classes */
#wrapper             	{width:978px; margin:0 auto; padding:0 0 0 0;	text-align:left; background:url('/images/backgrounds/light-shadow-wrapper2.gif') repeat-y center top; } /*background:url('http://www.serena.com/images/backgrounds/light-shadow-mid.gif') repeat-y  center top;*/
.light  #wrapper     	{background:url('/images/backgrounds/light-shadow-wrapper2.gif') repeat-y  center top;} 
#wrapper:after 				{content: "."; display: block; height: 0; clear: both;  visibility: hidden;}

#inner               	{width:963px; border:1px none red; float:left; padding-left:15px; background:url('/images/backgrounds/light-shadow-top3.gif') no-repeat center top;}
#Inner:after   				{content: "."; display: block; height: 0; clear: both;  visibility: hidden;} /* Not sure why this has a capital I */
#content:after 				{content: "."; display: block; height: 0; clear: both;  visibility: hidden;}


/* HEADER: ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#header              {float:left; background:#f0efe2; width:950px;  }

/* Serena Logo - The logo section on global header */
#header div#serenaLogo            {float:left; }
#header div#serenaLogo a          {background:url('/images/global/serena_logo-2.gif')  no-repeat 0px 18px;  width:420px; height:62px; text-decoration:none; display:block; overflow:hidden; }
.light  #header div#serenaLogo a  {background:url('/images/global/serena_logo-2.gif') no-repeat 0px 18px; }
#header div#serenaLogo a span     {visibility:hidden;}


/* Sub Menu - The submenu section on global header */
#header #subMenu                  {width:340px; float:left; padding:20px 20px 0 0px; height:40px; background:url('/images/backgrounds/head-pipe.gif') no-repeat 341px 10px; }
#header #subMenu ul               {list-style:none; margin:0; padding:0; float:right;  width:99%; }
#header #subMenu ul li            {float:right; padding-right:16px;  }
#header #subMenu ul li#countryLi  {width:105px; text-align:right;}
#header #subMenu ul li a          {-moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; text-shadow: #fff 1px 1px 1px; background:#dcdac2 url('/images/backgrounds/submenu-button.gif') repeat-x; display:block; border:1px solid #bbb898; padding:6px 12px; margin:0; color:#5a562d; line-height:10px; font-size:10px; text-decoration:none; text-align:center; }
#header #subMenu ul li a:hover    {color:#aaa791; }


/* Search - The search section on global header */
#header #search                   {float:left; padding:0px;  padding-top:24px;  width:159px; }
.fullscreen  #header #search      {float:right; margin-right:20px; }
#header #search form.search       {margin:0; padding:0 0 0 0; }
#header #search form.search input {height:17px;	border:1px solid #a5acb2;  float:left; color:#60604b; font-size:10px; text-indent:0.5em; padding:2px 0 0 0!important; background:#fff;  margin:0!important; }

#header #search-header-wrapper 		{float:left; width:170px; padding-top:20px;}
#header #search-header-inner      {border:1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; border:1px solid #bbb898; padding-bottom:0!important;  background:#fff;}
#header #search-header-input-box 	{float:left; width:140px; padding-left:5px;}
#header #search-header-input-box input {border:none; background:#fff; width:139px; line-height:12px; font-size:12px; padding:4px 0 0 0; _padding:6px 0 0 0; *padding:6px 0 0 0; margin:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { #header #search-header-input-box input {padding:8px 0 0 0!important; } } /*webkit hack*/

#header #search-header-button 		{float:left; width:20px;  border-left:1px solid #e1dfd2; padding-top:1px;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#content                        {float:left; clear:both; width:950px; _border:1px solid red; padding:0; border-right:0px; padding:21px 0 21px 0; min-height:400px;  border-left:1px none #aeaa86; border-right:1px none #aeaa86; }

/*.light #content                 {width:950px; _width:940px; border:1px solid red;} */

.content-ffffff                 {background:url('/images/backgrounds/content-ffffff-ie3.gif') repeat-y;}

.zonehome
.zonehome #promo-wrapper        {width:812px;} /* patch on width & margining*/
.zonehome .promoBox4            {float:left; width:25%;}



/* FOOTER: ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#footer                         {background:#f0efe2 url('/images/backgrounds/light-shadow-bottom2.gif') no-repeat center top; clear:both; width:978px; margin:0 auto; padding:17px 0 8px 0; color: #999;	font-size: 11px;	}
#footer:after 									{content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
#footer a                       {text-decoration: none;}
#footer a:link, 	#footer a:visited  {color: #60604b;}
#footer a:hover, 	#footer a:active   {text-decoration: underline; color:#8f8f80; }
#footer ul                			{list-style:none;	float:left;	margin:0;	padding:0 15px 0 15px; }
#footer ul:after 								{content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
#footer li                			{display:block; float:left;  background:url('/images/backgrounds/footer-pipe.gif') no-repeat 100% 0%; padding:0; margin:0;  }
#footer li:after 								{content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
#footer li.first          			{border:none;}
#footer li.last           			{border:none; background:none!important;}
#footer li a              			{padding:0px 12px 0 10px; line-height:11px; display:block; float:left; }
#footer p.copyright       			{float:right;	margin:0; padding:0;	padding-right:21px; line-height:11px; color:#60604b; }
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* DEFAULT HTML TAGS  & GLOBAL CLASSES ----------------------------*/

img.left  {float:left!important; margin-right:25px;}
img.right {float:right!important; margin-left:25px;}
	
a:hover   {color:#b31b1b;}
#content a {color:#3580cb;}
#content a:hover {color:#b31b1b;}

h1                 {color:#000; font-size:2.0em; padding:2px 0 0 0; margin:0 0 8px 0; clear:both; font-family:"Helvetica";}
h1 a,           
#content h1 a      {color:#000;}

h1 a:hover,           
#content h1 a:hover {color:#000;}

h1.uppercase       {text-transform:uppercase;}
h1.small-caps      {font-variant:small-caps;}
h1.divider         {border-bottom:1px dotted #999;}
h1 em              {color:#666; font-style:normal;}
h1 em.color-ffffff {color:#fff; font-style:normal; }
h1 em.color-999999 {color:#999; font-style:normal;}
h1 em.color-666666 {color:#666; font-style:normal;}
h1 em.color-333333 {color:#333; font-style:normal;}
h1 em.color-000000 {color:#000; font-style:normal; }


.h2-region 				{padding-bottom:20px!important; }

h2                 {color: #000; font-size:1.3em;  line-height:1.3em; padding:1px 0 0 0; margin:1.5em 0 .2em 0;  }
.h2                {color: #000; font-size:1.3em; padding:1px 0 0 0; } /*color: #2E65A0;*/

div#content-wrapper  div#press-content h2 	{padding-bottom:15px!important;}
div#content-wrapper  div#press-content h3 	{padding-bottom:10px!important;}

#content-inner  h2 {color:#000!important; font-size:20px!important;}

h3                 {color:#000; font-size:1.2em; line-height:1.2em; padding:1px 0 0 0; margin:1.5em 0 .2em 0; }

h4,                 
span.h4						 {color:#333; text-transform:uppercase; font-size:1em; line-height:1.2em; padding:1px 0 0 0; margin:1.5em 0 0 0; }

td                 {font-size:1em; color:#666;  }
p                  {color:#666; font-size:1em; padding:1px 0 0 0; margin:0 0 1em 0;}

a.next { background:url('/images/icons/morearrow.gif') no-repeat 100% 50%; padding-right:10px!important; }
li.next { background:url('/images/icons/morearrow.gif') no-repeat 100% 50%; padding-right:14px!important; }
td.next { background:none; padding-right:0!important; }

.next-2 { background:url('/images/icons/morearrow2.gif') no-repeat 100% 50%; padding-right:20px;}

.em1-8             {font-size:1.8em!important;}
.em1-7             {font-size:1.7em!important;}
.em1-6             {font-size:1.6em!important;}
.em1-5             {font-size:1.5em!important;}
.em1-4             {font-size:1.4em!important;}
.em1-3             {font-size:1.3em!important;}
.em1-2             {font-size:1.2em!important;}
.em1-1             {font-size:1.1em!important;}
.em1               {font-size:1em!important;  }
.em-9              {font-size:.9em!important; }
.em-8              {font-size:.8em!important; }
.em-7              {font-size:.7em!important; margin:0 0 .8em 0!important;}
.em-6              {font-size:.6em!important; margin:0 0 .8em 0!important;}
.em-5              {font-size:.5em!important; margin:0 0 .8em 0!important;}


.uppercase        {text-transform:uppercase!important;}
.capitals         {text-transform:capitalize!important;}
.capitalize       {text-transform:capitalize!important;}
.lowercase        {text-transform:lowercase!important;}

.caption 					{font-size:10px!important; text-align:left; line-height:12px!important; padding-top:5px; color:#999999;}

acronym 					{border:none; text-decoration:none;}

.italic,
.italics          {font-style:italic!important;}

.color-ffffff     {color:#fff!important;}
.color-000000     {color:#000!important;}
.color-333333     {color:#333!important;}
.color-666666     {color:#666!important;}
.color-999999     {color:#999!important;}
.color-cccccc     {color:#ccc!important;}
.color-2E65A0     {color:#2E65A0!important;}
.color-990000     {color:#990000!important;}


.center      {text-align:center!important;}
.left        {text-align:left;}
.right       {text-align:right;}
.left-float  {float:left;}
.right-float {float:right;}
.float-left  {float:left;}
.float-right {float:right;}
.top         {vertical-align:top;}
.bottom      {vertical-align:bottom;}
.middle      {vertical-align:middle!important;}
.basline      {vertical-align:baseline;}
.baseline      {vertical-align:baseline;}

.topPadding0       {padding-top:0px!important;}
.topMargin0        {margin-top:0px!important;}
.bottomMargin0     {margin-bottom:0px!important;}
.verticalMargin0   {margin-bottom:0px!important; margin-top:0px!important;}
.topPadding0       {padding-top:0px!important;}
.bottomPadding0    {padding-bottom:0px!important;}
.verticalPadding0  {padding-bottom:0px!important; padding-top:0px!important;}

h3 sup {font-size:.6em!important;}

.padding-0 	{padding:0px!important;}
.padding-1 	{padding:1px!important;}
.padding-2 	{padding:2px!important;}
.padding-4 	{padding:4px!important;}
.padding-6 	{padding:6px!important;}
.padding-8 	{padding:8px!important;}
.padding-10 {padding:10px!important;}
.padding-12 {padding:12px!important;}
.padding-14 {padding:14px!important;}
.padding-15 {padding:15px!important;}

.padding-top-0 		{padding-top:0px!important;}
.padding-top-2 		{padding-top:1px!important;}
.padding-top-4 		{padding-top:4px!important;}
.padding-top-5 		{padding-top:5px!important;}
.padding-top-6 		{padding-top:6px!important;}
.padding-top-8 		{padding-top:8px!important;}
.padding-top-10 	{padding-top:10px!important;}
.padding-top-12 	{padding-top:12px!important;}
.padding-top-14 	{padding-top:14px!important;}
.padding-top-15 	{padding-top:15px!important;}
.padding-top-16 	{padding-top:16px!important;}
.padding-top-18 	{padding-top:18px!important;}
.padding-top-20 	{padding-top:20px!important;}

.padding-bottom-0 		{padding-bottom:0px!important;}
.padding-bottom-2 		{padding-bottom:1px!important;}
.padding-bottom-4 		{padding-bottom:4px!important;}
.padding-bottom-5 		{padding-bottom:5px!important;}
.padding-bottom-6 		{padding-bottom:6px!important;}
.padding-bottom-8 		{padding-bottom:8px!important;}
.padding-bottom-10 		{padding-bottom:10px!important;}
.padding-bottom-12 		{padding-bottom:12px!important;}
.padding-bottom-14 		{padding-bottom:14px!important;}
.padding-bottom-15 		{padding-bottom:15px!important;}
.padding-bottom-16 		{padding-bottom:16px!important;}
.padding-bottom-18 		{padding-bottom:18px!important;}
.padding-bottom-20 		{padding-bottom:20px!important;}

.margin-bottom-0 		{margin-bottom:0px!important;}
.margin-bottom-2 		{margin-bottom:1px!important;}
.margin-bottom-4 		{margin-bottom:4px!important;}
.margin-bottom-5 		{margin-bottom:5px!important;}
.margin-bottom-6 		{margin-bottom:6px!important;}
.margin-bottom-8 		{margin-bottom:8px!important;}
.margin-bottom-10 		{margin-bottom:10px!important;}
.margin-bottom-12 		{margin-bottom:12px!important;}
.margin-bottom-14 		{margin-bottom:14px!important;}
.margin-bottom-15 		{margin-bottom:15px!important;}
.margin-bottom-16 		{margin-bottom:16px!important;}
.margin-bottom-18 		{margin-bottom:18px!important;}
.margin-bottom-20 		{margin-bottom:20px!important;}

.margin-0 	{margin:0px!important;}
.margin-1 	{margin:1px!important;}
.margin-2 	{margin:2px!important;}
.margin-4 	{margin:4px!important;}
.margin-6 	{margin:6px!important;}
.margin-8 	{margin:8px!important;}
.margin-10 	{margin:10px!important;}
.margin-12 	{margin:12px!important;}
.margin-14 	{margin:14px!important;}
.margin-15 	{margin:15px!important;}

.column-50 {width:50%;}
.column-33 {width:33%;}
.column-25 {width:25%;}

.none {display:none;}

.clear-border {border:none!important;}

blockquote {color:#333; font-size:14px; line-height:21px; padding:0px 20px 15px 20px; margin:0;}
blockquote .source {text-align:right; font-size:.8em; line-height:.8em;  }

hr {margin:0 0 0 0; padding:0 0 0 0;}

div.promo-wrapper {padding:15px 0!important; }
div.span-6 div.promo-wrapper {padding-top:0!important;}


/* ------------------------------------------------------------------------------------------------------------------- */


/* Bullet List Treatments ----------------------------------------------------------------------------------------------------- */
#content ul         {color:#666; font-size:1em; padding-top:1px; }

#content ul.color-ffffff     {color:#fff;}
#content ul.color-ffffff li  {color:#fff;}
#content ul.color-000000     {color:#000;}
#content ul.color-000000 li  {color:#000;}
#content ul.color-333333     {color:#333;}
#content ul.color-333333 li  {color:#333;}
#content ul.color-666666     {color:#666;}
#content ul.color-666666 li  {color:#666;}
#content ul.color-999999     {color:#999;}
#content ul.color-999999 li  {color:#999;}

#content ul.pointer          {list-style:none;}
#content ul.pointer li       {background:url('/images/bullet/4d4d4d-arrow.gif') no-repeat 3px; padding-left:15px;}

#content ul.nobullet         {list-style:none!important;}
#content ul.nobullet li      {background:none!important; padding-left:0!important;}

ul.arrow-2E65A0     {list-style:none; padding:0 0 20px 0; margin:0;}
ul.arrow-2E65A0 li  {padding-left:20px!important; margin:0 0 0 0!important;  background:url('/images/bullet/2E65A0-arrow.gif') no-repeat 2px 7px;}

ul.arrow-4d4d4d     {list-style:none; padding:0 0 20px 0; margin:0;}
ul.arrow-4d4d4d li  {padding-left:20px!important; margin:0 0 0 0!important;  background:url('/images/bullet/4d4d4d-arrow.gif') no-repeat 2px 7px;}


#content ol                  {color:#666; font-size:1em; padding-top:1px; }
#content ol              li  { }
#content ol.color-ffffff     {color:#fff;}
#content ol.color-ffffff li  {color:#fff;}
#content ol.color-000000     {color:#000;}
#content ol.color-000000 li  {color:#000;}
#content ol.color-333333     {color:#333;}
#content ol.color-333333 li  {color:#333;}
#content ol.color-666666     {color:#666;}
#content ol.color-666666 li  {color:#666;}
#content ol.color-999999     {color:#999;}
#content ol.color-999999 li  {color:#999;}
/* ------------------------------------------------------------------------------------------------------------------- */




/* Menu Treatments ----------------------------------------------------------------------------------------------------- */
/* 04/01/09 - .menu-4 is the new left menu bar - USE THIS MENU 

Notes / Requirments:
- ul class="menu" this intitates the javascript to determine active state on each LI tag
- the 1st h2 should have a "top" in the class
- last ul tag should have a "menu last" in the class
- Id tag shold use the same innerText except replace the space with a "-"
- List item that span 2 or more vertiacl lines should have a class of "top" o nthe span tag
 

SAMPLE HTML:
<div class="span-6" >
  <div class="menu-3-4">
    <h2 class="top"><a href="index.html">Benefits</a></h2>
    <ul class="menu">
      <li id="perfect-visibility"><a href="perfect-visibility.html"><img class="icon" src="/images/icons/subnav_DPM-visualize.png" alt="" width="31" height="31" border="0" ><span>Perfect Visibility</span></a></li>
      <li id="ultimate-control"><a href="ultimate-control.html"><img class="icon" src="/images/icons/subnav_DPM-control.png" alt="" width="31" height="31" border="0" ><span>Ultimate Control</span></a></li>
      <li id="lean-and-mean"><a href="lean-and-mean.html"><img class="icon" src="/images/icons/subnav_DPM-lean-mean.png" alt="" width="31" height="31" border="0" ><span>Lean And Mean</span></a></li>
      <li id="connecting-teams-tools"><a href="http://www.serena.com/pages/campaigns/10nadpm_get-connected-wp/index.html?Campaign_Id=46867&Activity_Id=35711"><span>Dev Process Management Whitepaper</span></a></li>
    </ul>
    <h2><a href="index.html">Resources</a></h2>
		<ul class="menu bottom">
      <li id="perfect-visibility"><a href="perfect-visibility.html"><img class="icon" src="/images/icons/subnav_DPM-visualize.png" alt="" width="31" height="31" border="0" ><span>Perfect Visibility</span></a></li>
      <li id="ultimate-control"><a href="ultimate-control.html"><img class="icon" src="/images/icons/subnav_DPM-control.png" alt="" width="31" height="31" border="0" ><span>Ultimate Control</span></a></li>
    </ul>
  </div>
</div>
*/

div.menu-3-4 {padding-top:0!important; font-size:.9em; background:url('/images/boxElements/menu4-middle-span6.png') repeat-y 0%; padding-right:20px;} 
div.menu-3-4 h2 {color:#333333;  border-top:1px solid #f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:0 0 0 0; padding:14px 10px 5px 14px!important;  display:block; line-height:17px;}
div.menu-3-4 h2 a {color:#333333!important;} 
div.menu-3-4 h2 a:hover {color:#3580cb!important;} 
div.menu-3-4 h2.top {background:url('/images/boxElements/menu4-top-span6.png') no-repeat 0% 0%; border-top:0px none; }
div.menu-3-4 ul {margin:0 0 0 0;  padding:0 1px 15px 1px; list-style:none; border-bottom:1px solid #dcdcdc;}
div.menu-3-4 ul.bottom {background:url('/images/boxElements/menu4-bottom-span6.png') no-repeat 0% 100%; margin:0 0 0 0;  padding:0 1px 15px 1px; list-style:none;  border-bottom:0px none!important;}
div.menu-3-4 ul.menu  {margin:0 0 0 0;  padding:0 1px 15px 1px; list-style:none; border-bottom:1px solid #dcdcdc;}
div.menu-3-4 ul.menu li {padding:0; display:block;}
div.menu-3-4 ul.menu li a {padding:2px 14px 2px 12px; color:#595959!important; background:url('/images/icons/subnav_item_arrow.gif') no-repeat left;}
div.menu-3-4 ul.menu li a:hover {background:url('/images/icons/subnav_item_arrow.gif') no-repeat -203px!important; color:#3580cb!important; }
div.menu-3-4 ul.menu li a img {display:block; float:left; width:31px; padding-right:5px;}
div.menu-3-4 ul.menu li a span {display:block; float:left; width:70%; line-height:14px; padding-top:9px; vertical-align:middle;}

#content div.menu-3-4 ul.menu li a span.top,
div.menu-3-4 ul.bottom li a span.top,
div.menu-3-4 ul.menu li a span.top {padding-top:1px!important;}
div.menu-3-4 ul.menu li a span.noIcon {padding-bottom:9px!important;}
div.menu-3-4 ul.menu li.active {background:#eee url('/images/boxElements/menu4-li-on.png') repeat-x top;}
div.menu-3-4 ul.menu li.active a {background:#fff url('/images/boxElements/menu4-li-on.png') repeat-x top;}


div.menu-3-4 ul.menu:after,
div.menu-3-4 ul.menu li:after,
div.menu-3-4 ul.menu li a:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

div.menu-3-4 ul.menu,
div.menu-3-4 ul.menu li,
div.menu-3-4 ul.menu li a {display:inline-block;}

* html div.menu-3-4 ul.menu,
* html div.menu-3-4 ul.menu li,
* html div.menu-3-4 ul.menu li a {height:1%;}

div.menu-3-4 ul.menu,
div.menu-3-4 ul.menu li,
div.menu-3-4 ul.menu li a {display:block;}



div.menu-3-5 											{padding-top:0; background:url('/images/boxElements/menu4-middle-span6.png') repeat-y 0%; padding-right:20px; border:1px none red;}
div.menu-3-5 div.top 							{background:url('/images/boxElements/menu4-top-span6.png') no-repeat 0% 0%;    border:1px none green;}

div.menu-3-5 ul.menu							{padding:0px 1px 5px 1px; margin:0; background:url('/images/boxElements/menu4-bottom-span6.png') no-repeat 0% 100%; }
div.menu-3-5 ul.menu ul 					{display:none;  background:none;}

div.menu-3-5 ul.menu li 					{border-top:1px solid #f0f0f0; border-bottom:1px solid #dcdcdc; padding:0; display:block;}
div.menu-3-5 ul.menu li.top 			{border-top:1px none #ccc;}
div.menu-3-5 ul.menu li.bottom 		{border-bottom:1px none #ccc;}
div.menu-3-5 ul.bottom 						{margin:0 0 0 0;  padding:0 1px 5px 1px; list-style:none;  border-bottom:0px none!important;}

div.menu-3-5 ul.menu li a {
	color:#333333!important;  
	margin:0 0 0 0; 
	padding:8px 10px 8px 14px;  
	display:block; 
	line-height:16px; font-size:16px;
}

div.menu-3-5 ul li.top a 							{padding-top:3px;}
 
div.menu-3-5 ul.menu li.active 				{background:#fff;}
div.menu-3-5 ul.menu li ul 						{display:none;}
div.menu-3-5 ul.menu li.active ul 		{display:block;}

div.menu-3-5 ul.menu li ul 						{margin:0; padding:0;}
div.menu-3-5 ul.menu li ul li 				{border:1px none green!important;	border-bottom:0px none #666!important;}
div.menu-3-5 ul.menu li ul li a 			{border:1px none red!important; font-size:11px; padding:2px 14px 2px 15px; color:#595959!important; background:url('/images/icons/subnav_item_arrow.gif') no-repeat left;}
div.menu-3-5 ul.menu li ul li a span 	{border:1px none blue!important; display:block; float:left; width:94%; line-height:12px; padding-top:8px; padding-bottom:8px; vertical-align:middle;}
div.menu-3-5 ul.menu li ul li.active 	{background:#ededed url('/images/boxElements/menu4-li-on.png') repeat-x top;}
div.menu-3-5 ul.menu li ul li.active a	{background:url('/images/icons/subnav_item_arrow.gif') no-repeat -406px!important; color:#000!important;}
div.menu-3-5 ul.menu li ul li a:hover 	{background:url('/images/icons/subnav_item_arrow.gif') no-repeat -203px!important; color:#3580cb!important; }

div.menu-3-5 ul.menu:after,
div.menu-3-5 ul.menu li:after,
div.menu-3-5 ul.menu li a:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

div.menu-3-5 ul.menu,
div.menu-3-5 ul.menu li,
div.menu-3-5 ul.menu li a {display:inline-block;}

* html div.menu-3-5 ul.menu,
* html div.menu-3-5 ul.menu li,
* html div.menu-3-5 ul.menu li a {height:1%;}

div.menu-3-5 ul.menu,
div.menu-3-5 ul.menu li,
div.menu-3-5 ul.menu li a {display:block;}



/* Menu 4 for right column  ----------------------------------------------------------------------------*/
div.menu-4-4                       {padding-top:0!important; font-size:.9em; background:url('/images/boxElements/menu5-middle-span6.png') repeat-y 0%; padding-right:20px;} 
div.menu-4-4 h2                    {color:#333333;  border-top:1px solid #f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:0 0 0 0; padding:14px 10px 5px 14px!important;  display:block; line-height:17px;}
div.menu-4-4 h2 a                  {color:#333333!important;} 
div.menu-4-4 h2 a:hover						 {color:#3580cb!important;} 

div.menu-4-4 h2.top                {background:url('/images/boxElements/menu5-top-span6.png') no-repeat 0% 0%; border-top:0px none; }

div.menu-4-4 ul                    {margin:0 0 0 0;  padding:0 1px 15px 1px; list-style:none; border-bottom:1px solid #dcdcdc;}
div.menu-4-4 ul.bottom,
div.menu-4-4 div.bottom            {background:url('/images/boxElements/menu5-bottom-span6.png') no-repeat 0% 100%; margin:0 0 0 0;  padding:0 1px 15px 1px; list-style:none;  border-bottom:0px none!important;}

div.menu-4-4 ul.menu               {margin:0 0 0 0;  padding:0 1px 15px 1px; list-style:none; border-bottom:1px solid #dcdcdc;}
div.menu-4-4 ul.menu li            {padding:0; display:block;}

div.menu-4-4 ul.menu li a          {padding:2px 14px 2px 12px; color:#595959!important; background:url('/images/icons/subnav_item_arrow.gif') no-repeat left;}
div.menu-4-4 ul.menu li a:hover    {background:url('/images/icons/subnav_item_arrow.gif') no-repeat -203px!important; color:#3580cb!important; }
div.menu-4-4 ul.menu li a img      {display:block; float:left; width:31px; padding-right:5px;}
div.menu-4-4 ul.menu li a span     {display:block; float:left; width:70%; line-height:14px; padding-top:9px; vertical-align:middle;}

#content div.menu-4-4 ul.menu li a span.top,
div.menu-4-4 ul.bottom li a span.top,
div.menu-4-4 ul.menu li a span.top {padding-top:1px!important;}

div.menu-4-4 ul.menu li a span.noIcon {padding-bottom:9px!important;}

div.menu-4-4 ul.menu li.active     {background:#eee url('/images/boxElements/menu4-li-on.png') repeat-x top;}
div.menu-3-4 ul.menu li.active a   {background:url('/images/icons/subnav_item_arrow.gif') no-repeat -406px!important; color:#000!important;}

div.menu-4-4 ul.menu:after,
div.menu-4-4 ul.menu li:after,
div.menu-4-4 ul.menu li a:after    {content:".";display:block;height:0;clear:both;visibility:hidden;}

div.menu-4-4 ul.menu,
div.menu-4-4 ul.menu li,
div.menu-4-4 ul.menu li a          {display:inline-block;}

* html div.menu-4-4 ul.menu,
* html div.menu-4-4 ul.menu li,
* html div.menu-4-4 ul.menu li a   {height:1%;}

div.menu-4-4 ul.menu,
div.menu-4-4 ul.menu li,
div.menu-4-4 ul.menu li a          {display:block;}

 

/* 02/01/09 - .menu2 is the older left menu bar - currently used on solutions (depricate)  */
#content #menu2, 
#menu2              {list-style:none; padding:3px 0 0 24px; margin:0 0 0 0; width:75%;   }
#menu2 li           {color:#666; padding:1px 0 .6em 0; margin:0 0 0 0; font-size:1em; line-height:1.3em; }
#menu2 li a         {color:#666;}
#menu2 li a:hover   {color:#b31b1b;}
#menu2 li a.active  {color:#000;}
#menu2 li a.active:hover   {color:#b31b1b;}
#menu2 li.active  a {color:#000;}
#menu2 li.h1        {color:#333; font-weight:500; text-transform:uppercase; padding:1px 0 0 0; margin:.8em 0 .6em 0; border-bottom:1px dotted #999; }
#menu2 li.h1 a       {color:#333; font-weight:500; text-transform:uppercase;}
#menu2 li.h1 a:hover   {color:#b31b1b;}
#menu2 li ul        {list-style:none; padding:1px 0 0 0; margin:0 0 0 0;}
#menu2 li ul li     {list-style:none; padding:1px 0 0 8px; margin:0 0 0 0;}
#menu2 li.begin     {margin-top:0;}
.menu2 ul        {display:none;}
.menu2 ul.active {display:block;}


/* Breadcrumb */
.breadcrumb-0          				{padding:1px 0 0 0; margin:0 0 10px 0; float:left; list-style:none; font-size:11px!important;}
.breadcrumb-0 li              {padding:1px 0 0 0; margin:0 0 0 0;        float:left; }
.breadcrumb-0 li a            {padding:1px 12px 0 8px;  margin:0 0 0 0; color:#666; background:url('/images/bullet/arrow-right.gif') no-repeat right 4px; }
.breadcrumb-0 li a            {padding:1px 12px 0 8px;  margin:0 0 0 0; color:#666; background:url('/images/bullet/arrow-right.gif') no-repeat right 4px; }
.breadcrumb-0 li.begin a      {padding:1px 12px 0 0px;   margin:0 0 0 0;}
.breadcrumb-0 li.end  a       {padding:1px 0px 0  9px;  margin:0 0 0 0; background:none; color:#000;}
.breadcrumb-0 li.end  a       {padding:1px 0px 0  9px;  margin:0 0 0 0; background:none; color:#000;}


/* Utility Nav Bar -- print page / share page   */
#utility               {padding:1px 0 0 0;       margin:0 0 10px 0; float:right; list-style:none; width:300px; font-size:11px!important;} /* width:300px; is for firefox 2 */
#utility li            {padding:1px 0 0 0;       margin:0 0 0 0;    float:right;}
#utility li a          {padding:1px 18px 0 18px; margin:0 0 0 0;    color:#666;}
#utility li.print a    {background:url("http://www.serena.com/images/template/iconPrint.gif") no-repeat left; color: #999999; }
#utility li.share a    {background:url("http://www.serena.com/images/icons/iconShare.gif") no-repeat left; color: #999999; }


/* Menus below are being depricated */
.menu3                     {background:none; list-style:none;}
.menu3 li                  {background:url('/images/bullet/4d4d4d-arrow.gif') no-repeat 1px 6px; padding-left:15px!important; }
.menu3 li a.active         {color:#000!important; }
.menu3 li.headline         {color:#333!important; background:url('/images/backgrounds/divide-horizontal-333-190.gif') repeat-x bottom; padding-left:0;  padding-left:0!important;  }
.menu3 li.headline a       {color:#333!important;  }
.menu3 li.headline a:hover {color:#B31B34!important; }


ul.menu3               {list-style:none; padding:0 0 20px 0; margin:0;}
ul.menu3 li            {background:url('/images/bullet/4d4d4d-arrow.gif') no-repeat 1px 6px; padding-left:15px!important; }
ul.menu3 li a          {list-style:none; padding:0 0 20px 0; margin:0;}
ul.menu3 li.headline    {padding:0 0 0 0px; background:none; text-transform:uppercase; color:#000!important;}
ul.menu3 li.headline a  {text-transform:uppercase; color:#000!important;}


ul.menu4               {list-style:none; padding:0 0 20px 0; margin:0;}
ul.menu4 li            {padding:0 0 0 10px; background:url('/images/bullet/dash-9abfe5.gif') no-repeat 1px 8px;}
ul.menu4 li a          {list-style:none; padding:0 0 20px 0; margin:0;}
ul.menu4 li.headline    {padding:0 0 0 0px; background:none; text-transform:uppercase; color:#000!important;}
ul.menu4 li.headline a  {text-transform:uppercase; color:#000!important;}
/* ------------------------------------------------------------------------------------------------------------------- */

/*  This fixes our padding "up" problem and reverses it to padding down  */
div#content-wrapper div.copy-block      {padding-bottom:30px!important;}
div#content-wrapper div.copy-block h2 	{margin:0!important; padding:0 0 4px 0!important;}
div#content-wrapper div.copy-block h3 	{margin:0!important; padding:0 0 4px 0!important; }
div#content-wrapper div.copy-block p  	{margin:0!important; padding:0 0 16px 0!important;}
div#content-wrapper div.media 					{padding-bottom:30px!important; padding-top:0px!important;}



/* Pages that use column lists ------------------------------------------------------------------------------------------------------------------- */
/* example: /solutions/government/customers.html */

div#content-wrapper div.list-block                    {border-bottom:1px dotted #ccc; padding-bottom:15px; padding-top:25px;}
div#content-wrapper div.list-block h3 		{margin:0 0 0 0!important; padding:0 0 12px 0!important;}

div#content-wrapper div.list-block table 							{padding:0; margin:0; border-collapse:collapse;}
div#content-wrapper div.list-block table tr 					{padding:0; margin:0;}
div#content-wrapper div.list-block table tr td 				{vertical-align:top; padding:0; margin:0;}
div#content-wrapper div.list-block table tr td.last 	{padding-right:0!important;}
div#content-wrapper div.list-block table tr td p 			{margin:0 0 0 0; padding:0 0 0 0;}
div#content-wrapper div.list-block table tr td h4 		{margin:0 0 0 0; padding:0 0 0 0;}
div#content-wrapper div.list-block table tr td ul li 	{padding:0; margin:0; font-size:11px;}
div#content-wrapper div.list-block table tr td ul li ul {padding-bottom:4px; }
div#content-wrapper div.list-block table tr td ul li ul li {font-size:10px!important;}

div#content-wrapper div.list-block table.columnList-5 tr td {width:48%; padding-right:2%;}
div#content-wrapper div.list-block table.columnList-3 tr td {width:31%; padding-right:2%;}
div#content-wrapper div.list-block table.columnList-4 tr td {width:23%; padding-right:2%;}




/* Pages that use event lists ------------------------------------------------------------------------------------------------------------------- */
/* example: /solutions/government/events.html */

div#content-wrapper div.event-lists                   {border-bottom:1px dotted #ccc; padding-bottom:15px; padding-top:25px;}
div#content-wrapper div.event-lists h3 		{margin:0 0 0 0!important; padding:0 0 12px 0!important;}


/* Box Treatments ----------------------------------------------------------------------------------------------------- */


/* 03/30/09 - Rounded Flexible Box FFFFFF -- LATEST BOX TO USE */
#content div.box-ffffff           {padding:12px 0 12px 0!important;}
#content div.box-ffffff  div.box-ffffff-inner {padding:0 12px 0 0!important;	background:#fff url('/images/boxElements/ffffff-borders.gif') 100% 0 repeat-y;}
#content div.box-ffffff .bi 			{padding:0 0 0 12px!important;	background:#fff url('/images/boxElements/ffffff-borders.gif') 0 0 repeat-y;}
#content div.box-ffffff .bt 			{height:17px;	margin:0 -12px!important;	background:url('/images/boxElements/ffffff-box.gif') 100% 0 no-repeat;}
#content div.box-ffffff .bt div 	{width:18px;	height:17px;		background:url('/images/boxElements/ffffff-box.gif') 0 0 no-repeat;}
#content div.box-ffffff .bb 			{height:17px;	margin:0 -12px!important;	background:url('/images/boxElements/ffffff-box.gif') 100% 100% no-repeat;}
#content div.box-ffffff .bb div 	{width:18px;	height:17px;	background:url('/images/boxElements/ffffff-box.gif') 0 100% no-repeat;}
#content div.box-ffffff .bc 			{margin:0; padding:4px 10px;	background:#fff;}

/* 03/30/09 - Rounded Flexible Box f5f5f5 -- LATEST BOX TO USE */
#content div.box-f5f5f5 					{padding:12px 0 12px 0!important;}
#content div.box-f5f5f5  div.box-f5f5f5-inner {padding:0 12px 0 0!important;	background:#f5f5f5 url('/images/boxElements/f5f5f5-borders.gif') 100% 0 repeat-y;}
#content div.box-f5f5f5 .bi 			{padding:0 0 0 12px!important;	background:#f5f5f5 url('/images/boxElements/f5f5f5-borders.gif') 0 0 repeat-y;}
#content div.box-f5f5f5 .bt 			{height:17px;	margin:0 -12px!important;	background:url('/images/boxElements/f5f5f5-box.gif') 100% 0 no-repeat;}
#content div.box-f5f5f5 .bt div 	{width:18px;	height:17px!important;		background:url('/images/boxElements/f5f5f5-box.gif') 0 0 no-repeat;}
#content div.box-f5f5f5 .bb 			{height:17px;	margin:0 -12px!important;	background:url('/images/boxElements/f5f5f5-box.gif') 100% 100% no-repeat;}
#content div.box-f5f5f5 .bb div 	{width:18px;	height:17px;	background:url('/images/boxElements/f5f5f5-box.gif') 0 100% no-repeat;}
#content div.box-f5f5f5 .bc 			{margin:0!important; padding:4px 10px!important;	background:#f5f5f5;}

#content div#product-description-inner {}


#content div.bc p,
#content div.bc h2,
#content div.bc h1,
#content div.bc h3  {padding-top:0; margin-top:0;}

/* 04/06/09 - Small inline call out boxes for screen thumb and small content -- LATEST BOX TO USE */
#content .calloutbox-F5F5F5 {background:#F5F5F5; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #CFCFCF; padding:10px; margin:10px;}
#content .calloutbox-F5F5F5 img {border:1px solid #CFCFCF;}
#content .calloutbox-F5F5F5 .left {float:left;  margin-right:10px; }
#content .calloutbox-F5F5F5 .right {float:left;  margin-right:10px; }
#content .calloutbox-F5F5F5 .content-5 {padding-top:5px;}
#content .calloutbox-F5F5F5 .content-10 {padding-top:10px;}
#content .calloutbox-F5F5F5 .content-15 {padding-top:15px;}
#content .calloutbox-F5F5F5 .content-15 {padding-top:15px;}
#content .calloutbox-F5F5F5 .call-to-action {font-size:11px!important;}

/* ------------------------------------------------------------------------------------------------------------------- */

/* Table Treatments ----------------------------------------------------------------------------------------------------- */
/* 03/30/09 - Marketing Compare table -- Wrapper -- used a seperate wrapper so we can customize easier  */
#content div.compare-wrapper 	{padding:10px 0 10px 0!important;}
#content div.compare-wrapper   div.compare-inner {padding:0 0 0 0!important; margin:0!important; 	background:#f5f5f5 url('/images/boxElements/f5f5f5-borders.gif') 100% 0 repeat-y;}
#content div.compare-wrapper  .bi 			{padding:0 0 0 2px!important;  margin:0!important;	background:#f5f5f5 url('/images/boxElements/f5f5f5-borders.gif') 0 1px repeat-y;}
#content div.compare-wrapper  .bt 			{text-align:left; height:5px!important;	margin:0 -1px 0 -2px!important;	background:url('/images/boxElements/f5f5f5-box.gif') 100% 0 no-repeat;}
#content div.compare-wrapper 	.bt div 	{width:5px;	height:5px!important;		background:url('/images/boxElements/f5f5f5-box.gif') 0% 0% no-repeat;}
#content div.compare-wrapper  .bb 			{height:17px;	margin:0 -12px!important;	background:url('/images/boxElements/f5f5f5-box.gif') 100% 100% no-repeat;}
#content div.compare-wrapper  .bb div 	{width:18px;	height:17px;	background:url('/images/boxElements/f5f5f5-box.gif') 0 100% no-repeat;}
#content div.compare-wrapper  .bc 			{margin:0!important; padding:0px 0px!important;	background:#f5f5f5;}

/* 03/30/09 - Marketing Compare table -- Large  -- Use this */
table.compare           		 {padding:0px!important; margin:0px!important;}
table.compare tr.thead			 {background:url('/images/tables/compare-th.gif') repeat-x;}
table.compare tr th     		 {color:#000; border-bottom:1px solid #d6d5d5; font-size:14px; line-height:16px; vertical-align:bottom; background:url('/images/tables/compare-th-divider.gif') no-repeat 100% 0%;  padding:2px 10px 4px 10px;}
table.compare tr th.h1  		 {font-size:22px; line-height:23px; }
table.compare tr td     		 {border-bottom:1px solid #d6d5d5; font-size:12px; border-top:1px solid #fff; padding-left:10px; padding-right:10px;}
table.compare tr.h2 	td     {color:#000; padding-top:10px;  padding-bottom:10px; font-size:16px; line-height:17px; background:#e1e1e1 url('/images/backgrounds/pixel-d6d5d5-f5f5f5.gif') repeat-y 100%;}
table.compare tr.row0 td     {background:#f5f5f5 url('/images/backgrounds/pixel-d6d5d5-ffffff.gif') repeat-y 100%;}
table.compare tr.row1 td     {background:#FFFFFF url('/images/backgrounds/pixel-d6d5d5-ffffff.gif') repeat-y 100%;}
	
/* 03/30/09 - Marketing Compare table  -- Small / Inline -- Use this */
table.compare-inline     						 {padding:0px!important; margin:0px!important;}
table.compare-inline  tr.thead			 {background:url('/images/tables/compare-th.gif') repeat-x;}
table.compare-inline  tr th     		 {color:#000; border-bottom:1px solid #d6d5d5; font-size:12px; line-height:13px; vertical-align:bottom; background:url('/images/tables/compare-th-divider.gif') no-repeat 100% 0%;  padding-left:10px; padding-right:10px;}
table.compare-inline  tr th.h1  		 {font-size:14px; line-height:16px; }
table.compare-inline  tr td     		 {border-bottom:1px solid #d6d5d5; font-size:11px; line-height:13px; border-top:1px solid #fff; padding-left:10px; padding-right:10px;}
table.compare-inline  tr.h2 	td     {color:#000; padding-top:5px;  padding-bottom:4px; font-size:12px; line-height:17px; background:#e1e1e1 url('/images/backgrounds/pixel-d6d5d5-f5f5f5.gif') repeat-y 100%;}
table.compare-inline  tr.row0 td     {background:#f5f5f5 url('/images/backgrounds/pixel-d6d5d5-ffffff.gif') repeat-y 100%;}
table.compare-inline  tr.row1 td     {background:#FFFFFF url('/images/backgrounds/pixel-d6d5d5-ffffff.gif') repeat-y 100%;}
/* ------------------------------------------------------------------------------------------------------------------- */



/* The Boxes Below Are Being Depricated - 2/17/09 ------------------------------------------------------ */
#content .product-promos               {}
#content .product-promos td.left       {width:15px; background:url('http://www.serena.com/images/backgrounds/box-bg-l.gif') repeat-y right; padding:0; text-align:right; vertical-align:top;}
#content .product-promos td.begin      {padding:0;	width:3px!important;}
#content .product-promos td.promo-cell {background:#b4b4b4 url('http://www.serena.com/images/backgrounds/box-bg.gif') repeat-x; margin-right:15px; padding:10px 15px 0 18px; vertical-align:top; border-bottom:1px solid #666; border-right:1px solid #ccc;}
#content .product-promos td h2         {color:#333333!important; padding:0!important; margin:0!important; font-size:1.3em;}
#content .product-promos td h2 a       {color:#333333!important;}
#content .product-promos td h2 a:hover {color:#B31B34!important;} 

#content .product-promos td a.calltoaction    {font-size:.9em!important; color:#545353; }
#content .product-promos td a.calltoaction:hover {color:#B31B34;}  

#content .product-promos td p          {font-size:1.1em;}
#content .product-promos td.leftbottom {width:15px; background:url('/images/backgrounds/box-bg-bt-l.gif') no-repeat right top; padding:0;}
#content .product-promos td.bottom     {background:#fff url('http://www.serena.com/images/backgrounds/box-bg-bt.gif') repeat-x; margin-right:15px;}
#content .product-promos td.end        {margin-right:1px!important; }

#content .product-promos-col2 td       {width:50%;}
#content .product-promos-col3 td       {width:32%;}
#content .product-promos-col4 td       {width:25%;}

.box-fafafa                       {background:#fafafa;	padding:1px 0 0 0;	margin:0 0 5px 0;}
.box-fafafa .boxMain              {margin:0px auto;	background:url('http://www.serena.com/images/boxElements/fafafa-leftside.gif') repeat-y left top;}
.box-fafafa .top                  {width:100%;	height:10px;	background:url('http://www.serena.com/images/boxElements/fafafa-top.gif') no-repeat left top;}
.box-fafafa .top span             {display:block;	height:10px;	background:url('http://www.serena.com/images/boxElements/fafafa-top-right.gif') no-repeat right top;}
.box-fafafa .center-content       {padding:4px 22px 3px 22px;  border-right:1px solid #dcdcdc;}
.box-fafafa .center-content p     {padding:1px 0 20px 0;  margin:0;}
.box-fafafa .bottom               {width:100%;	height:10px;	background:url('http://www.serena.com/images/boxElements/fafafa-bottom.gif') no-repeat left bottom;}
.box-fafafa .bottom span          {display:block;	height:10px;	background:url('http://www.serena.com/images/boxElements/fafafa-bottom-right.gif') no-repeat right bottom;}
.span-5  .box-fafafa  h4          {margin-bottom:0; padding-bottom:0; }
.span-5 .box-fafafa-2,
.box-fafafa-150   {}

.span-4 .box-fafafa-2 .top,
.box-fafafa-150 .top              {background:url('/images/boxElements/fafafa-top-150.gif') no-repeat top; padding-top:9px;}

.span-4 .box-fafafa-2 .inner,
.box-fafafa-150 .inner            {background:url('/images/boxElements/fafafa-middle-150.gif') repeat-y; padding:4px 18px 0 18px;}

.span-4 .box-fafafa-2 .bottom,
.box-fafafa-150 .bottom           {background:url('/images/boxElements/fafafa-bottom-150.gif') no-repeat bottom; padding-bottom:10px;}

.span-5 .box-fafafa-2,
.box-fafafa-190   {}
.span-5 .box-fafafa-2 .top,
.box-fafafa-190 .top              {background:url('/images/boxElements/fafafa-top-190.gif') no-repeat top; padding-top:11px;}

.span-5 .box-fafafa-2 .inner,
.box-fafafa-190 .inner            {background:url('/images/boxElements/fafafa-middle-190.gif') repeat-y; padding:4px 18px 0 18px;}

.span-5 .box-fafafa-2 .bottom,
.box-fafafa-190 .bottom           {background:url('/images/boxElements/fafafa-bottom-190.gif') no-repeat bottom; padding-bottom:10px;}

.box-fafafa-2 ul,
.box-fafafa-150 ul,
.box-fafafa-190 ul,
.box-fafafa .center-content ul    {list-style:none; padding:0; margin:0;}

.box-fafafa-2 ul li,
.box-fafafa-150 ul li,
.box-fafafa-190 ul li,
.box-fafafa .center-content ul li {font-size:11px; padding:1px 0 8px 0;  }

.box-fafafa-2 ul li.headline,
.box-fafafa-150 ul li.headline,
.box-fafafa-190 ul li.headline,
.box-fafafa .center-content ul li.headline {font-size:1.2em!important; font-weight:500; line-height:1.2em;}

.box-fafafa-2 a.pdf,
.box-fafafa-150 a.pdf,
.box-fafafa-190 a.pdf,
.box-fafafa .center-content a.pdf {background:url('/images/icons/icoPDF-sm.gif') no-repeat 0 1px; display:block; padding-left:35px;}

.box-131313                       {background:#131313;	padding:1px 0 0 0;	margin:0 0 5px 0;}
.box-131313 .boxMain              {margin:0px auto;	background:url('http://www.serena.com/images/boxElements/131313-leftside.gif') repeat-y left top;}
.box-131313 .top                  {width:100%;	height:10px;	background:url('http://www.serena.com/images/boxElements/131313-top.gif') no-repeat left top;}
.box-131313 .top span             {display:block;	height:10px;	background:url('http://www.serena.com/images/boxElements/131313-top-right.gif') no-repeat right top;}
.box-131313 .center-content       {padding:4px 22px 3px 22px;  border-right:1px solid #3e3e3e;}
.box-131313 .center-content p     {padding:1px 0 6px 0;  margin:0;}
.box-131313 .bottom               {width:100%;	height:10px;	background:url('http://www.serena.com/images/boxElements/131313-bottom.gif') no-repeat left bottom;}
.box-131313 .bottom span          {display:block;	height:10px;	background:url('http://www.serena.com/images/boxElements/131313-bottom-right.gif') no-repeat right bottom;}
.box-131313 .center-content ul    {list-style:none; padding:0; margin:0;}
.box-131313 .center-content ul li            {padding:0 0 20px 0; font-size:11px; }
.box-131313 .center-content ul li a.headline {font-size:14px!important; font-weight:500; line-height:1em;}
.box-131313 .center-content ul li a.headline {font-size:14px!important; font-weight:500;}



/* promoBox1 (depricated)--------------------------------------------------------------------------------------------------------- */
.promoBox1                {float:left; background:#b4b4b4 url('http://www.serena.com/images/backgrounds/box-bg.gif') repeat-x; vertical-align:bottom; padding:0; width:100%; clear:both;  }
.template-2-50-50  .promoBox1  {width:400px;}

.promoBox1 .box-body      {float:left;  background:url('http://www.serena.com/images/backgrounds/box-bg-l.gif') repeat-y  left; padding:0; width:100%;   }
.promoBox1 .top-left      {float:left; padding:0 0 0 0!important; margin:0 0 0 0;}
.promoBox1 .top-left img  {padding:0 0 0 0!important; margin:0 0 0 0!important; display:block;}
.promoBox1 .content       {padding:6px 20px 10px 20px;  }
.promoBox1 .content  img  {float:left; padding-top:6px; padding-right:20px;  }
.promoBox1 .footer        {clear:both; background:url('http://www.serena.com/images/backgrounds/box-bg-bt.gif') repeat-x; vertical-align:bottom; }
.promoBox1 .footer   img  {display:block;}

.promoBox1 .footer .right-corner     {float:right; }
.promoBox1 .footer .left-corner      {float:left; }
.promoBox1  .clr          {clear: both;	height: 0px;	overflow: hidden;	padding:0;	margin:0;	background:#FFFFFF;}

.promoBox1  h2            {font-weight:500; color:#333333; font-size:20px;}  
.zonehome .promoBox1  h2  {margin:0; padding:0;}
.promoBox1  p             {color:#333333; }  
.promoBox1  ul li         {color:#333333; }  
.promoBox1  a             {color:#333333!important; }  
.promoBox1  a:hover       {color:#B31B34!important;} 
 

.promo-cell .UIMenu               { float:left; padding:3px 10px 3px 5px!important; }
.promo-cell .UIMenu ul             {float:left; list-style:none; padding:0!important; margin:0!important; }
.promo-cell .UIMenu ul li          {color:#282725!important; float:left; padding:0!important; margin:0!important; font-size:12px!important;  }

.promo-cell .UIMenu ul li.select   {float:left!important; padding:0 4px 0 4px!important; margin:0!important; }
.promo-cell .UIMenu ul li.pipe     {border-left:1px solid #6f6f6f!important; }

.promo-cell .UIMenu ul li a        {color:#282725!important;  font-size:12px; font-weight:500; padding:3px 8px 2px 8px!important; display:block; text-decoration:none;  border-left:1px solid #6f6f6f; border-right:1px none #a7a7a7;}
.promo-cell .UIMenu ul li a:hover  {background:#fff; color:#000!important;  border-right:1px none #a7a7a7;}
.promo-cell .UIMenu ul li.begin a  {border-left:1px solid #dddfda;}
.promo-cell .UIMenu ul li.end a    {border-right:1px solid #dddfda; padding-right:10px!important;}

.promo-cell .UIMenu ul li.select   span.label {padding-left:4px; padding-right:4px;}
.promo-cell .UIMenu ul li select    {font-size:11px; color:#333; margin-top:1px!important; margin-bottom:1px!important;  }


/* promoBox2 (Depricated)--------------------------------------------------------------------------------------------------------- */
div.promoBox2                             {background:#D9D7D8 url('http://www.serena.com/images/boxElements/lightGray-gradiant.gif') repeat-x;	padding:0 0 0 0;	margin:0 0 5px 0;}
div.promoBox2 div.boxMain                 {margin:0px auto;	background:url('http://www.serena.com/images/boxElements/lightGray-leftside.gif') repeat-y left top;}
div.promoBox2 div.top                     {width:100%!important;	height:15px!important;	background:url('http://www.serena.com/images/boxElements/lightGray-top.gif') no-repeat left top;}
div.promoBox2 div.top span                {display:block!important;	height:15px!important;	background:url('http://www.serena.com/images/boxElements/lightGray-top-right.gif') no-repeat right top;}
div.promoBox2 div.center-content          {background:url('http://www.serena.com/images/boxElements/lightGray-rightside.gif') repeat-y right top;	 margin-top:0; padding:0px 20px 1px 25px; }
div.promoBox2 div.bottom                  {width:100%!important;	height:20px!important;	background:url('http://www.serena.com/images/boxElements/lightGray-bottom.gif') no-repeat left bottom;}
div.promoBox2 div.bottom span             {display:block!important;	height:20px!important;	background:url('http://www.serena.com/images/boxElements/lightGray-bottom-right.gif') no-repeat right top;}
div.promoBox2.center                      {text-align:center;}
div.promoBox2 div.center-content:after    {content:"."; display: block; height: 0;  clear: both; visibility: hidden;}
div.promoBox2 div.center-content .boxCol2 {float:right; width:200px; padding-bottom:5px; margin-right:5px; padding-right:30px; padding-top:31px;}
div.promoBox2 div.center-content .boxCol1 {float:left; width:161px; padding-right:30px;}

/* promoBox4 (Depricated)--------------------------------------------------------------------------------------------------------- */
div.promoBox4                  {background:#f1f0f0 url('/images/backgrounds/f1f0f0-bottom-left2.gif') no-repeat left bottom;}
div.promoBox4 .box-outer       {background:url('/images/backgrounds/f1f0f0-bottom-right2.gif') no-repeat right bottom; }
div.promoBox4 .box-inner       {background:url('/images/backgrounds/f1f0f0-top-left2.gif') no-repeat left top; }
div.promoBox4 .first           {background:url('/images/backgrounds/f1f0f0-top-right2.gif') no-repeat right top;}
div.promoBox4  ul              {list-style:none; margin:0; padding:10px 15px!important;}
div.promoBox4  ul li.left      {float:left;}
div.promoBox4  ul li.right     {float:right;}
div.promoBox4  ul li.thumbnail {float:right; width:30%;}


/* BUTTONS */
.button-000000 a {padding:4px 3px; display:block; color:#fff!important; text-align:center; background:#333; width:50%; border:1px solid #000; font-size:.8em; line-height:1em; text-transform:uppercase;}
.button-000000 a:hover {color:#fff!important; opacity:.75; }
.button-000000-right a {padding:4px 3px; display:block; float:right; color:#fff!important; text-align:center; background:#333; width:50%; border:1px solid #000; font-size:.8em; line-height:1em; text-transform:uppercase;}
.button-000000-right a:hover {color:#fff!important; opacity:.75; }

.button-dcdbd6 a {padding:4px 3px; display:block; color:#333!important; text-align:center; background:#dcdbd6; width:50%; border:1px solid #666; font-size:.8em; line-height:1em; text-transform:uppercase;}
.button-dcdbd6 a:hover {color:#333!important; opacity:.75; }
.button-dcdbd6-right a {padding:4px 3px; float:right; display:block; color:#333!important; text-align:center; background:#dcdbd6; width:50%; border:1px solid #666; font-size:.8em; line-height:1em; text-transform:uppercase;}
.button-dcdbd6-right a:hover {color:#333!important; opacity:.75; }

.button-ec891d a {padding:4px 3px; display:block; color:#fff!important;  text-align:center; background:#ec891d; width:50%; border:1px solid #663300; font-size:.8em; line-height:1em; text-transform:uppercase;}
.button-ec891d a:hover {color:#fff!important; opacity:.75;}
.button-ec891d-right a {padding:4px 3px; float:right; display:block; color:#fff!important;  text-align:center; background:#ec891d; width:50%; border:1px solid #663300; font-size:.8em; line-height:1em; text-transform:uppercase;}
.button-ec891d-right a:hover {color:#fff!important; opacity:.75; }

.button-outline a {padding:4px 3px; display:block; color:#333!important; text-align:center; width:50%; border:1px solid #666; font-size:.8em; line-height:1em; text-transform:uppercase;}
.button-outline a:hover {color:#333!important; opacity:.75;}
.button-outline-right a {padding:4px 3px; float:right; display:block; color:#333!important; text-align:center; width:50%; border:1px solid #666; font-size:.8em; line-height:1em; text-transform:uppercase;}
.button-outline-right a:hover {color:#333!important; opacity:.75;}

div.btn-download-188-36            {padding:0 0 0 13px;}
div.btn-download-188-36  a         {background:url('/images/buttons/btn-download-211-36.gif') no-repeat!important; height:36px; width:211px; overflow:hidden; display:block; color:#000!important; font-size:1.3em; padding-top:8px; padding-left:40px;}
div.btn-download-188-36  a:hover   {color:#666!important; background:url('/images/buttons/btn-download-211-36.gif') no-repeat!important;}

div.btn-contact-188-36             {padding:0 0 0 13px;}
div.btn-contact-188-36  a          {background:url('/images/buttons/btn-contact-211-36.gif') no-repeat!important; height:36px; width:211px; overflow:hidden; display:block; color:#000!important; font-size:1.3em; padding-top:8px; padding-left:40px;}
div.btn-contact-188-36  a:hover    {color:#666!important; background:url('/images/buttons/btn-contact-211-36.gif') no-repeat!important;}

div.btn-demo-190-36                {padding:0 0 0 0!important;}
div.btn-demo-190-36  a             {background:url('/images/buttons/btn-demo-190-36-gray.gif') no-repeat!important; height:36px; overflow:hidden; display:block; color:#000!important; font-size:1.1em; padding-top:10px; padding-left:40px; }
div.btn-demo-190-36  a:hover       {color:#666!important; background:url('/images/buttons/btn-demo-190-36-gray.gif') no-repeat!important;}

div.btn-contact-190-36             {padding:0 0 0 0!important;}
div.btn-contact-190-36  a          {background:url('/images/buttons/btn-contact-190-36-green.gif') no-repeat!important;  height:36px; overflow:hidden; display:block; color:#000!important; font-size:1.1em; padding-top:10px; padding-left:40px; }
div.btn-contact-190-36  a:hover    {color:#666!important; background:url('/images/buttons/btn-contact-190-36-green.gif') no-repeat!important;}

div.btn-support-190-36             {padding:0 0 0 0!important;}
div.btn-support-190-36  a          {background:url('/images/buttons/btn-support-190-36-blue.gif') no-repeat!important; height:36px; overflow:hidden; display:block; color:#000!important; font-size:1.1em; padding-top:10px; padding-left:40px; }
div.btn-support-190-36  a:hover    {color:#666!important; background:url('/images/buttons/btn-support-190-36-blue.gif') no-repeat!important;}
/* End Depricated elements  */




/* Hover Box for the login / user profile / share */
.hoverBox-div                   {background:#FFFFFF; border:none; overflow:visible!important; border:1px solid #bbb898; -webkit-box-shadow: #ccc 0px 1px 2px; -moz-box-shadow: #ccc 0px 1px 2px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px;  -webkit-border-bottom-right-radius:5px;  -webkit-border-bottom-left-radius:5px;   }
.hoverBox-div  iframe           {overflow:hidden; border:0px none #333;  }
.hoverBox-div  iframe html      {overflow: hidden; width:95%; margin:0;}
.hoverBox-div  iframe html body {overflow: hidden; width:95%; margin:0;}

.fullbleed {padding-top:0; padding-bottom:0;}
#wrapper #inner .fullbleed {padding-top:0; padding-bottom:0;}

.fullbleed-top {padding-top:0; }
#wrapper #inner .fullbleed-top {padding-top:0;}

table.thumbnail-list-1 tr td.thumbnail {}
table.thumbnail-list-1 tr td.content   {color:#666; font-size:.9em; vertical-align:top; padding-top:10px!important;}

table.productIndexTable           {clear:both; border-top:4px solid #ccc; border-bottom:2px solid #ccc; border-collapse:collapse; width:100%; margin:0 0 5px 0;}
table.productIndexTable th        {text-align:left; padding:5px 5px 10px 0;}
table.productIndexTable tr.gray   {background-color:#e5e8e8; background: #e5e8e8 url("/images/template/tr_gray_border.gif") repeat-x top left;}
table.productIndexTable tr.white  {background: url("/images/template/tr_white_border.gif") repeat-x top left;}
table.productIndexTable td        {vertical-align:top; padding:8px 8px 16px 0;}
table.productIndexTable th.col1   {padding-left:5px;}
table.productIndexTable td.col1   {width:150px; font-weight: bold; color: #009AC8; padding: 8px 5px 16px 5px;	}
table.productIndexTable td.col2   {width:150px;}
table.productIndexTable td.col3   {width:218px;}

.features-1 {padding:1px 0 1px 0; margin:0; list-style:none;}
.features-1 li {padding:1px 0 15px 0; margin:0; list-style:none;}
.features-1 li em { font-style:normal;}
.features-1 li div.screenshot {padding:15px 0 15px 0; }

.dropdown2                         {position:relative; padding-bottom:15px;}
.dropdown2  ul                     {border:1px solid #a5acb2; list-style:none; padding:0!important; margin:0!important; display:block;}
.dropdown2  ul li                  {display:block; padding:0px!important; margin:0!important; background:#fff url('/images/backgrounds/bg-dropDown.gif') repeat-x top;}
.dropdown2  ul li:hover            {}
.dropdown2  ul li:hover ul         {display:block;}

.dropdown2  ul li a                {display:block; padding:0 4px 0 4px!important; margin:0!important; color:#333!important; font-weight:bold; background:url('/images/backgrounds/bg-dropDown-arrows.gif') no-repeat right; border-top:1px solid #fff; }
.dropdown2  ul li a:hover          {color:#666!important;}
.dropdown2  ul li ul               {display:none; border:none; background:#fff;  padding:0; margin:0;}

.dropdown2  ul li ul li            {color:#666!important;  background:none; display:block; margin:0;}
.dropdown2  ul li ul li:hover      {background:#3580d1!important; color:#fff!important;}
.dropdown2  ul li ul li a          {color:#666!important; display:block; padding:0; margin:0; font-weight:normal; background:none; }
.dropdown2  ul li ul li a:hover    {background:#3580d1!important; color:#fff!important;}


.promo-rightbar                    {padding:12px;}
.divider-vertical                  {background:url('/images/backgrounds/999999-vertical-divider.gif') repeat-y!important;}

.next-steps ul                     {list-style:none;}
.next-steps ul li                  {font-size:1.1em!important; padding-bottom:6px;}

#solution-overview                 {padding-top:10px; padding-bottom:10px;}
#solution-next-steps               {padding-top:10px; padding-bottom:10px;}
#suggested-products                {padding-bottom:15px;}
#product-capabilities              {background:#fff url('/images/backgrounds/efefef-rounded-top.gif') no-repeat!important; padding:30px;}
#suggested-products                {border-top:1px dotted #ccc;}

/* BUTTONS */
.learn-more-btn                    {text-align:right; }
.learn-more-btn a                  {color:#666!important; font-size:.8em; text-transform:uppercase; display:block; background:url('/images/buttons/btn-gray-88-20.gif') no-repeat; height:20px; width:88px; text-align:center; padding-top:3px; float:right;}
.learn-more-btn a:hover            {color:#333!important;}

#zone-home-promo-wrapper  {margin-left:0!important; padding-left:36px!important; width:818px; }

#zone-home-main-wrapper            {margin:0!important; padding:0 0 0 3px!important;}
#zone-home-main-inner              {margin:0!important; padding:15px 0 0 0!important; height:175px; background:url('/images/backgrounds/efefef-rounded-top-short.gif') no-repeat top left;}
#zone-home-main-vertical-divider   {margin:0!important; padding:0 0px 0 0px!important; background:url('/images/backgrounds/divide-vertical-757575.gif') repeat-y center;}
#zone-home-main-column1            {border:1px none red; margin:0!important; padding:0 0px 0 20px!important; float:left; width:292px;}
#zone-home-main-column1 h2         {color:#333333; font-size:1.2em; padding-top:0; margin-top:2px;}
#zone-home-main-column2            {margin:0!important; padding:0 0 0 20px!important; float:left; width:288px;}
#zone-home-main-column2 h2         {color:#333333; font-size:1.2em; padding-top:0;  margin-top:2px;}

#zone-home-right-bar                         {width:170px; border:1px none red; margin:0!important; padding:0 0 0 14px!important;}
#zone-home-right-bar ul                      {list-style:none; padding:0; margin:0;}
#zone-home-right-bar ul li.community         {background:url('/images/buttons/btn-community-163-36.gif') no-repeat top; display:block; height:50px;}
#zone-home-right-bar ul li.community a       {display:block; font-size:1.2em; color:#202020; padding:9px 0 0 40px; font-weight:600;}
#zone-home-right-bar ul li.community a:hover {color:#666;}
#zone-home-right-bar ul li.arrow             {background:url('/images/buttons/btn-arrow-right-163-36.gif') no-repeat top; display:block;   height:36px;}
#zone-home-right-bar ul li.arrow a           {display:block; font-size:1.2em; color:#202020; font-weight:600; padding:9px 0 0 40px;}
#zone-home-right-bar ul li.arrow a:hover     {color:#666;}

#mashup-news {text-align:center; padding-top:15px;}
#mashup-news a {color:#999!important;}
#mashup-news a:hover {color:#B31B34!important;}


/*(Depricated) */
.button-000-240 {background:url('/images/mashups/home-button-240.gif') no-repeat top; font-size:11px; height:21px; display:block; color:#ccc!important; padding:4px 15px 0 15px;}
.button-000-240:hover { background-position:bottom; color:#fff!important;}

.button-000-240-orange {background:url('/images/mashups/home-button-240-orange.gif') no-repeat top; font-size:11px;  height:21px; display:block; color:#ccc!important; padding:4px 15px 0 15px;}
.button-000-240-orange:hover { background-position:bottom; color:#fff!important;}

.button-000-250-orange {background:url('/images/mashups/home-button-250-orange.gif') no-repeat top; font-size:11px;  height:21px; display:block; color:#ccc!important; padding:4px 15px 0 15px;}
.button-000-250-orange:hover { background-position:bottom; color:#fff!important;}

.button-000-260-orange {background:url('/images/mashups/home-button-260-orange.gif') no-repeat top; font-size:11px;  height:21px; display:block; color:#ccc!important; padding:4px 15px 0 15px;}
.button-000-260-orange:hover { background-position:bottom; color:#fff!important;}

.button-000-230 {background:url('/images/mashups/home-button-230.gif') no-repeat top; font-size:11px;  height:21px; font-size:11px; display:block; color:#ccc!important; padding:4px 15px 0 15px;}
.button-000-230:hover { background-position:bottom; color:#fff!important;}

.button-red-230 {background:url('/images/mashups/button-red-home-2.gif') no-repeat top; font-size:11px;  height:21px; display:block; color:#ccc!important; padding:4px 15px 0 15px;}
.button-red-230:hover { background-position:bottom; color:#fff!important;}


div.btn-lightgray-wrapper                  { background:transparent url('/images/buttons/buttons-rounded.png') no-repeat -3px -52px; height:47px; padding:0 0 0 6px; overflow:hidden;}
div.btn-lightgray-inner                    { background:#fff url('/images/buttons/buttons-rounded.png') no-repeat -58px -52px; height:48px;}
div.btn-lightgray-inner a                  { display:block;    height:23px; color:#666!Important; padding:5px 5px 0 5px!Important; font-size:1em; line-height:1em;  }
div.btn-lightgray-inner a.contact2-green,
div.btn-lightgray-inner a.contact-green    { background:url('/images/icons/icons-circles.png')  no-repeat -1px 5px;  display:block;    height:23px; border:1px none red; color:#666!Important; padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.contact2-green    {padding-top:9px!Important; }

div.btn-lightgray-inner a.download-orange  { background:url('/images/icons/icons-circles.png')  no-repeat -1px -207px;   display:block; height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }

div.btn-lightgray-inner a.usergroup-green  { background:url('/images/icons/icons-circles.png')  no-repeat -1px -699px;   display:block; height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.usergroup-blue   { background:url('/images/icons/icons-circles.png')  no-repeat -1px -733px;   display:block; height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.usergroup-orange { background:url('/images/icons/icons-circles.png')  no-repeat -1px -765px;   display:block; height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.usergroup-gray   { background:url('/images/icons/icons-circles.png')  no-repeat -1px -798px;   display:block; height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }

div.btn-lightgray-inner a.webinar-green    { background:url('/images/icons/icons-circles.png')  no-repeat -1px -831px;   display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.webinar-blue     { background:url('/images/icons/icons-circles.png')  no-repeat -1px -864px;   display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.webinar-orange   { background:url('/images/icons/icons-circles.png')  no-repeat -1px -898px;   display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.webinar-gray     { background:url('/images/icons/icons-circles.png')  no-repeat -1px -932px;   display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }

div.btn-lightgray-inner a.arrow-green      { background:url('/images/icons/icons-circles.png')  no-repeat -1px -965px;   display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.arrow-blue       { background:url('/images/icons/icons-circles.png')  no-repeat -1px -998px;   display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.arrow-orange     { background:url('/images/icons/icons-circles.png')  no-repeat -1px -1032px;  display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.arrow-gray       { background:url('/images/icons/icons-circles.png')  no-repeat -1px -1064px;  display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }

div.btn-lightgray-inner a.questions-green      { background:url('/images/icons/icons-circles.png')  no-repeat -1px -465px; display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.questions-blue       { background:url('/images/icons/icons-circles.png')  no-repeat -1px -458px; display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.questions-orange     { background:url('/images/icons/icons-circles.png')  no-repeat -1px -432px; display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.questions-gray       { background:url('/images/icons/icons-circles.png')  no-repeat -1px -464px; display:block;    height:23px; border:1px none red;  padding:14px 5px 0 32px!Important; font-size:1em; line-height:1em; }


div.btn-lightgray-inner a.pdf              { background:url('/images/icons/icons-documents.png')  no-repeat -1px -340px;  display:block;    height:23px; border:1px none red; padding:14px 32px 0 5px!Important; font-size:1em; line-height:1em; }
div.btn-lightgray-inner a.pdf-right        { background:url('/images/icons/icons-documents.png')  no-repeat 149px -340px; display:block;    height:23px; border:1px none red; padding:14px 32px 0 5px!Important; font-size:1em; line-height:1em; }

div.btn-lightgray-inner a.next-green       { background:url('/images/icons/icons-circles.png')  no-repeat 149px -964px;   display:block;    height:23px; border:1px none red; padding:14px 32px 0 5px!Important; font-size:1em; line-height:1em; }

div.btn-lightgray-inner a                  { color:#666!Important; }
div.btn-lightgray-inner a:hover            { color:#000!Important; }


/* Home Zone Banner */
.home-zone-billboard        {background:#000;	height:180px;	overflow:hidden; border-bottom:7px solid #000;}


/* Tabbed widget--------------------------------------------------------------------------------------------------------- */
.tab-widget ul.tabs                  {float:left; list-style:none; margin:0; padding:0 0 0 5px; width:100%; background:url('/images/backgrounds/tabs.gif') repeat-x bottom; }
.tab-widget ul.tabs li               {float:left; text-align:center;  margin:0; padding:0; border-bottom:1px solid #ccc;    background:#f5f5f5 url('/images/backgrounds/tab-off.gif') repeat-x;  cursor:pointer;  }
.tab-widget ul.tabs li.active        {border-bottom:1px solid #e1eef4;  background:#e1eef4 url('/images/backgrounds/tab-active.gif') repeat-x;}
.tab-widget ul li a                  {float:left; text-align:center;  margin:0; padding:4px 13px 4px 12px;   border-left:1px solid #fff; border-right:1px solid #ccc;  
 															        font-size:11px; color:#444!important; cursor:pointer; text-decoration:none;  }															
.tab-widget ul.tabs li a:hover       {color:#000!important;}
.tab-widget ul li a.begin            {background:url('/images/backgrounds/tab-left-off.gif') no-repeat top left;  border-left:1px solid #fff;}
.tab-widget ul li a.end              {background:url('/images/backgrounds/tab-right-off.gif') no-repeat top right; border-right:1px solid #fff; }
.tab-widget ul li.active a.begin     {background:url('/images/backgrounds/tab-left-active.gif') no-repeat top left;   border-left:1px solid #fff;}
.tab-widget ul li.active a.end       {background:url('/images/backgrounds/tab-right-active.gif') no-repeat top right; border-right:1px solid #fff; }
.tab-widget ul.tabs li img.right     {float:right;}
.tab-widget ul.tabs li img.left      {float:left;}
.tab-widget div.region               {clear:both; padding:20px 20px!important; }
.tab-widget .tab-regions             {border:1px solid #ccc; border-top:none; clear:both; float:left; width:100%; background:#fff url('/images/backgrounds/tab-region.gif') repeat-x top; padding:0px 0 0px 0; }
.tab-widget div.off                  {display:none;}
.tab-widget div.block                {display:block;}
.tab-widget .tab-regions h2          {padding-top:5px;}


/* Compare Table (Depricated)--------------------------------------------------------------------------------------------------------- */
.compareTable th       {border-bottom:1px dotted #d6d6d6;}
.compareTable th h2    {padding-bottom:0; margin-bottom:0;}
.compareTable td       {padding-top:5px;}
.compareTable td ul li {padding-bottom:5px;}


/* Compare Chart (Depricated)--------------------------------------------------------------------------------------------------------- */
.compare-chart                           {margin-top:12px;}
.compare-chart tr th                     {background-color:#e7e7e7;	border-right:1px solid #666; border-top:1px solid #666;	border-left:1px solid #fff;	border-bottom:1px solid #999; font-size:1.1em; color:#333; font-weight:600;}
.compare-chart tr.h1 th                  {background-color:#fff; border-top:0px none #666; border-bottom:0px none #666; font-size:1.2em; font-weight:600; padding-top:0; line-height:1.2em; color:#000000;}
.compare-chart tr.row1                   {background-color:#e5edf3;}

table.compare-chart tr td                {padding:2px 5px; border-right:1px solid #999;	border-left:1px solid #fff; font-size:1em; }

table.compare-chart tr.child td          {font-size:.9em!important;}
table.compare-chart tr.child td.feature1,
table.compare-chart tr.child td.feature0,
table.compare-chart tr.child td.feature  {padding-left:20px; background:url('/images/bullet/dash-666666.gif') no-repeat 10px 10px;}

table.compare-chart tr.child td.feature0 {background:#fff url('/images/bullet/dash-666666.gif') no-repeat 10px 10px;}
table.compare-chart tr.child td.feature1 {background:#e5edf3 url('/images/bullet/dash-666666.gif') no-repeat 10px 10px;}

table.compare-chart tr th.end, 
table.compare-chart tr td.end            {border-right:1px none #999;	border-left:1px solid #fff;}


/* Solutions Table (Listed Items) --------------------------------------------------------------------------------------------------------- */
table.benefits-solutions 						{margin-top:30px;}
table.benefits-solutions tr td 			{padding-bottom:20px!important;}
table.benefits-solutions tr td.icon {padding-top:2px!important;	padding-bottom:20px!important;}

/* Capabilities Table--------------------------------------------------------------------------------------------------------- */
.capabilities td {padding-right:30px; }

/* Solutions Banner--------------------------------------------------------------------------------------------------------- */
.banner-solution 					{text-align:center; padding-top:20px; padding-bottom:10px; margin-bottom:0;}


/* Quotes ----------------------------------------------------------------------------------------------------------------*/
.quote-wrapper {margin-top:30px; border-top:1px #d6d6d6 dotted; border-bottom:1px #d6d6d6 dotted; padding:15px 2px 0 2px; background:#f8fbfc url('/images/backgrounds/bg-quote.gif') repeat-x top;}
.quote-top {background:transparent url('/images/icons/quote-open.gif') no-repeat top left;}
.quote-bottom {background:transparent url('/images/icons/quote-close.gif') no-repeat bottom right; padding:0 55px 0 55px;}
.quote-bottom p.open {color:#000; font-size:1.2em;}


.section             {padding-top:24px; padding-bottom:5px;}


/* Roles - - 02/01/09 - Note: need to revise --------------------------------------------------------------------------------------------
#role-messaging {padding-top:20px;}*/
#role-messaging h1 {line-height:1.1em;}
#role-messaging img.left  {float:left!important; margin-right:25px;}
#role-messaging img.right {float:right!important; margin-left:25px;}
#role-section .section-nav-pointer {width:95%; margin:auto;}

#role-section ul.menu            {list-style:none; display:block; margin-left:0; margin-right:0; border-bottom:1px solid #ccc; height:26px; font-size:11px;}
#role-section ul.menu li          {display:block; float:left; height:26px; margin:0;}
#role-section ul.menu li#business-analyst    {margin-left:3.5%;}
#role-section ul.menu li a        {float:left; color:#414040!important; height:26px; margin:0 8px; padding-bottom:10px;}
#role-section ul.menu li.active   {background:url('/images/icons/pointer-up-d7d7d7.gif') center bottom no-repeat;}
#role-section ul.menu li.active a {color:#000!important;}
/*-------------------------------------------------------------------------------------------- */



/* SECTION HEADER - 02/01/09 - Note: need to revise after we reset the width of the website --------------------------------------------------------------------------------------------*/
.section-header                          {overflow:hidden; border-bottom:1px solid #ccc;  margin-bottom:20px!important; padding-top:0px; padding-bottom:0!important; margin-right:22px; padding-right:0px!important;}
.section-header .h1-wrapper              {padding-top:5px;}
.section-header h1                       {font-size:24px!important; margin-bottom:0!important; padding-bottom:0!important;}
.section-header h1 a                     {font-size:24px!important; margin-bottom:0!important; padding-bottom:0!important; }
.section-header .menu-right              {float:right;  margin-bottom:0!important; padding-top:10px!important; padding-bottom:0!important; padding-right:0!important;}
.section-header .menu-right              {float:right;  margin-bottom:0!important; padding-top:10px!important; margin-right:0!important; padding-bottom:0!important;}
.section-header .menu-right ul           {float:right; list-style:none; margin-bottom:0!important; font-size:11px!important; margin-right:0!important; padding-bottom:0!important;}
.section-header .menu-right ul li        {float:right; display:block; height:24px;}
.section-header .menu-right ul li a      {display:block; color:#959595!important; margin:0 10px; padding:4px 0;}
.section-header .menu-right ul li.active a {color:#000!important;}
.section-header .menu-right ul li.button {float:right;  display:block; background:url('/images/buttons/menu2.gif') no-repeat 0% 0%; height:25px; margin-left:10px;}
.section-header .menu-right ul li.button a {display:block;  background:url('/images/buttons/menu2.gif') no-repeat right;  color:#fff!important; margin:0 0 0 10px; padding:4px 14px 5px 4px;}
.section-header .menu-right ul li.button a:hover {color:#dfdfdf!important;}
.section-header .menu-right ul li a:hover {color:#656565!important;}
/*-------------------------------------------------------------------------------------------- */


.menu-3                 {background: url('/images/backgrounds/subnav_bg.gif') repeat-y 0% 50%; padding-top:0!important; font-size:.9em;}
.menu-3 h2              {background: url('/images/backgrounds/subnav_bgtop.gif') no-repeat 0% 0%; margin:0 0 0 0; font-size:12px; display:block; height:18px; line-height:18px; padding:9px 18px 8px 18px; }
.menu-3 h2 a            {color:#303030!important; font-weight:bold;}
.menu-3 ul              {list-style:none; margin:0!important; padding:0 0 3px 2px!important; background: url('/images/backgrounds/subnav_bgbottom.gif') no-repeat 0% 100%;}
.menu-3 ul li           {display:block; width:211px; height:39px; margin:0; padding: 0px 6px 0px 6px; background:url('/images/backgrounds/subnav_itembg_inactive.gif') no-repeat 0% 100%;}
.menu-3 ul li a         {display:block;  height:39px; line-height:39px; margin:0 0 -2px 0; font-size:1em; background:url('/images/icons/subnav_item_arrow.gif') no-repeat left; color:#595959!important;}
.menu-3 ul li a:hover   {background:url('/images/icons/subnav_item_arrow.gif') no-repeat -203px!important; color:#3580cb!important;}
.menu-3 ul li.last      {background:none;}
.menu-3 ul li.active    {background:#ececec url('/images/backgrounds/subnav_itembg_active.gif') no-repeat 0 100%;}
.menu-3 ul li.active a  {background:url('/images/icons/subnav_item_arrow.gif') no-repeat -406px; color:#000!important;}
.menu-3 ul li a img     {position:relative; margin-top:4px; display:block; float:left; margin-right:6px;}

ul.menu-inline {list-style:none;	margin:0;	padding:0!important;}
ul.menu-inline li {margin:0; padding:4px 10px 3px 10px;	float:left;	font-size:11px;}
ul.menu-inline li a {	display:block;}
ul.menu-inline li.button {background: url('/images/buttons/menu2.gif') no-repeat 0% 0%;	margin:0 4px;	padding:0 0 0 9px!important;}
ul.menu-inline li.button a {background: url('/images/buttons/menu2.gif') no-repeat 100% 0%;	padding:4px 16px 3px 10px!important;	color:#fff!important;}
ul.menu-inline li.button a:hover {color:#dfdfdf!important;}
ul.menu-inline li.next a {background: url('/images/icons/pointer.gif') no-repeat 100% 0%;}


#promo-column {text-align:right;}
.promo {padding-bottom:10px;}


/* QUOTES - 02/01/09 -----------------------------------*/
.quote-1              {padding:0px; background:url('/images/backgrounds/quoteboxtop.gif') no-repeat left top; margin:0 15px 15px 15px;}
.quote-1 .quote-inner {padding:20px 30px 14px 30px; background:url('/images/backgrounds/quoteboxbottom.gif') no-repeat left bottom;}
.quote-1 .quote       {text-align:left; font-size:1.1em; color:#535353; font-weight:600; }
.quote-1 .quoter      {text-align:left; font-size:.85em; color:#666;  padding-top:10px;}
/*-------------------------------------------------------------------------------------------- */


.rowNavigation {margin:0!important; padding:5px 0 5px 0!important; border:1px solid #fff; text-align:right;}
.rowNavigation table {margin:0!important; padding:0 5px 0 0!important; border:1px none red!important; width:248px; float:right;}
.rowNavigation table tr {margin:0!important; padding:0!important; border:1px none red!important;}
.rowNavigation table tr td {margin:0!important; padding:0!important; border:1px none red!important; font-size:11px!important; line-height:11px!important;}
.rowNavigation table tr td select {margin:0!important; padding:0!important;}
.rowNavigation table tr td.HelpText {margin:0!important; padding:0 5px 0 0!important; border:1px none red; }

/* Screenshot Padding-bottom - 04/15/09 Added by Andy Cook --------------------------------------*/

.screenshot {padding: 0px 0px 15px 0px;}

/*-------------------------------------------------------------------------------------------- */


#product-billboard {border-bottom:1px solid #c3c3c3;}
#feature-columns h2, 
#feature-columns h3 	{color:#000; font-size:14px; font-weight:600;}

#solution-description  h2,
#product-description  h2 {color:#000; font-size:14px; font-weight:600;}

#solution-description  h2 a, 
#product-description  h2 a {color:#000!important;}

#feature-columns h2 a, 
#feature-columns h3 a	{color:#000!important;}

#feature-columns h2 a:hover, 
#feature-columns h3 a:hover	{color:#B31B34!important;}

#feature-columns p 	{color:#333333;}

.feature-columns-3 {background:url('/images/backgrounds/divide-product-hp-4-column.gif') repeat-y 0%; margin-top:20px; margin-bottom:20px;}
.feature-columns-3 .feature-column {width:25%; float:left;}
.feature-columns-3 #feature-4 {_width:24.5%; *width:24.5%;}
.feature-columns-3 .feature-column .feature-inner {padding:0 14px;}

#feature-columns ul.promos li img {margin-left:-4px;}
#feature-columns ul.promos li img.splat {position:relative; margin-top:-10px;}

.feature-column .box-f5f5f5-2-inner {padding-left:12px!important;}
.feature-column .box-f5f5f5-2-inner {padding-left:0px!important; padding-right:0px!important;}
.feature-column .box-f5f5f5-2-inner div#contact {padding:0!important; }
.feature-column .box-f5f5f5-2-inner div#contact p {line-height:20px;}
.feature-column .box-f5f5f5-2-inner div#contact img.contact-smile {float:none; margin:0; padding:0;}
.feature-column .box-f5f5f5-2-inner div#contact img.contact-icon {float:left; margin-right:6px;}
.feature-column .box-f5f5f5-2-inner div#contact div.contact-information {display:block; float:left; width:70%;}
.feature-column .box-f5f5f5-2-inner div#contact h3 {margin-top:0; padding-top:0;}


.feature-column #promo-wrapper {padding:0!important;}
.feature-column ul.promos {list-style:none; margin:0; padding:0;}
.feature-column ul.promos li {margin-bottom:8px; line-height:16px; font-weight:bold; background:#fff url('/images/boxElements/product-hp-promo-bottom.png') no-repeat 0% 100%;}
.feature-column ul.promos li:hover { background:#fafafa url('/images/boxElements/product-hp-promo-bottom.png') no-repeat 0% 100%;}
.feature-column ul.promos li a {color:#000!important; background:url('/images/boxElements/product-hp-promo-top.png') no-repeat 0% 0%;  padding:4px 0; display:block;}
.feature-column ul.promos li a:hover { color:#B31B34!important; }
.feature-column ul.promos li a img {float:left; margin-right:6px;}
.feature-column ul.promos li a span {display:block; float:left; width:70%;}

/*--- This is style for 3 col product index child pages of a width of span-16---*/
#feature-columns-16 {background:url('/images/backgrounds/pipes-features-16-col.gif') repeat-y 0%; /*margin-top:20px; margin-bottom:20px;*/}
#feature-columns-16 h3 {color:black; font-size: 11px; font-weight: bold;}
.feature-inner-16 {padding-right:5px;}
.feature-column-16-first {width: 33%; float:left; padding: 0px; margin-top:8px; margin-bottom:10px;}
.feature-column-16-first img {padding-right:10px; padding-left:5px; margin-bottom:100px;}
.feature-column-16-second {width: 33%; float:left; padding: 0px; margin-top:8px; margin-bottom:10px;}
.feature-column-16-second img {padding-right:10px; padding-left:5px; margin-bottom:105px;}
.feature-column-16-third {width: 33%; float:left; padding: 0px; margin-top:8px; margin-bottom:10px;}
.feature-column-16-third img {padding-right:10px; padding-left:5px; margin-bottom:100px;}
.feature-columns-16-wrapper {}


#content div.box-f5f5f5-2 						{padding:12px 0 12px 0!important;}

#content div.box-f5f5f5-2  div.box-f5f5f5-2-inner {padding:0 0 0 0;}
#content div.box-f5f5f5-2 .bi 				{padding:0 4px 0 4px!important;	background:#f5f5f5 url('/images/boxElements/f5f5f5-borders.gif') 0 0 repeat-y;}
#content div.box-f5f5f5-2 .bt 				{height:5px!important; overflow:hidden;	 margin:0 -7px 0 -4px!important;	background:url('/images/boxElements/f5f5f5-box.gif') 100% 0 no-repeat;}
#content div.box-f5f5f5-2 .bt div 		{width:4px;	height:5px!important;	overflow:hidden; background:url('/images/boxElements/f5f5f5-box.gif') 0 0 no-repeat;}
#content div.box-f5f5f5-2 .bb 				{height:6px!important;	margin:0 -7px 0 -4px!important;	background:url('/images/boxElements/f5f5f5-box.gif') 100% 100% no-repeat;}
#content div.box-f5f5f5-2 .bb div 		{width:10px;	height:6px!important;	overflow:hidden; background:url('/images/boxElements/f5f5f5-box.gif') 0 100% no-repeat;}
#content div.box-f5f5f5-2 .bc 				{border:1px none green; margin:0!important; padding:1px 1px!important; background:#f5f5f5;}

#content div.box-f5f5f5-2  div.box-f5f5f5-2-inner {} /*padding:12px;	*/
#content div.box-f5f5f5-2 .css 				{border:1px solid #dedede; -moz-border-radius:4px; -webkit-border-radius:5px; background:#f5f5f5; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);}
#content div.box-f5f5f5-2 .html 			{padding:0 3px 0 0!important;  background:#f5f5f5 url('/images/boxElements/f5f5f5-borders.gif') 100% 0 repeat-y;}
#content div.box-f5f5f5-2 .simple 		{background:#f5f5f5!important;  border:1px solid #dedede!important;}

#content div.box-f5f5f5-2 .padding-1 	{padding:1px!important;}
#content div.box-f5f5f5-2 .padding-2 	{padding:2px!important;}
#content div.box-f5f5f5-2 .padding-4 	{padding:4px!important;}
#content div.box-f5f5f5-2 .padding-6 	{padding:6px!important;}
#content div.box-f5f5f5-2 .padding-8 	{padding:8px!important;}
#content div.box-f5f5f5-2 .padding-10 {padding:10px!important;}
#content div.box-f5f5f5-2 .padding-12 {padding:12px!important;}
#content div.box-f5f5f5-2 .padding-14 {padding:14px!important;}
#content div.box-f5f5f5-2 .padding-15 {padding:15px!important;}

/*#content div#breadcrumb-wrapper .bt {height:6px!important;}
#wrapper div#product-description .box-f5f5f5 .bc {margin:0!important; padding:0 10px!important; }*/

#content ul.breadcrumb 		 					{list-style:none; margin:0!important; padding:0 0 0 8px!important;}
#content ul.breadcrumb li 					{float:left;}
#content ul.breadcrumb li a 				{color:#333333!important; font-size:12px; text-transform:uppercase; padding:0 22px 0 10px; background:url('/images/icons/bread-carrot.png') 100% 0% no-repeat; }
#content ul.breadcrumb li a:hover 	{color:#B31B34!important;}
#content ul.breadcrumb li.begin a 	{padding:0 22px 0 0px;}
#content ul.breadcrumb li.end a 		{padding:0 0px 0 10px; background:none;}

#product-description-inner 					{border-top:1px solid #c3c3c3; padding-top:5px; padding-bottom:5px; }
#product-description-inner h2 			{color:#000;}

.reflected-canvas {display:block;} 



/* MODAL DIALOG -------------------------------------------------------------------------------------------- */

.modal-dialog 													{position:absolute; z-index:260000;  top:0px; left:0px;  }
.modalcss3 															{background:#fff; padding:10px; width:300px; height:200px; border:1px solid #ccc; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 0px 2px 20px #333; -webkit-box-shadow: 0px 2px 20px #333; box-shadow: -10px -10px 0px #000; }
.modalgradiant 													{background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edebec), color-stop(0.6, #fff));}

.modalcss3 .modal-dialog-close-div    	{top:-14px; right:-14px;	position:absolute; z-index:260001;}
.modalcss3 .modal-dialog-close-div  div, 
.modalcss3 .modal-dialog-close-div  a  	{cursor:pointer; background:url('/images/buttons/zoom-close2.png') no-repeat; _background:url('/images/buttons/zoom-close-ie.png') no-repeat;  text-indent: -9999px; display:block; height:30px; width:30px; overflow:hidden;}

.modalcss2 .modal-dialog-close-div    	{border:1px none red; top:15px; right:20px;	position:absolute; z-index:260001;}
.modalcss2 .modal-dialog-close-div  div, 
.modalcss2 .modal-dialog-close-div  a  	{cursor:pointer; background:url('/images/buttons/zoom-close2.png') no-repeat; _background:url('/images/buttons/zoom-close-ie.png') no-repeat;  text-indent: -9999px; display:block; height:30px; width:30px; overflow:hidden;}

.modalcss2 															{border:4px none #999; overflow:visible; }

.modalcss2 table 												{border-collapse:collapse; border:1px none red!important; }

.modalcss2 table tr td 									{padding:0 0 0 0!important; border:1px none blue!important;}
.modalcss2 table tr td.main							{background:#fff;  vertical-align:top;}
.modalcss2 table tr td.top-left 				{background:url('/images/modal/top-left.png') no-repeat; height:44px; width:53px;}
.modalcss2 table tr td.top-center				{background:url('/images/modal/top.png') repeat-x; height:44px;}
.modalcss2 table tr td.top-right 				{background:url('/images/modal/top-right.png') no-repeat; height:44px; width:53px;}
.modalcss2 table tr td.middle-left 			{background:url('/images/modal/left.png') repeat-y; }
.modalcss2 table tr td.middle-center		{background:#fff; vertical-align:top;}
.modalcss2 table tr td.middle-right 		{background:url('/images/modal/right.png') repeat-y;}
.modalcss2 table tr td.bottom-left 			{background:url('/images/modal/bottom-left.png') no-repeat; height:44px;}
.modalcss2 table tr td.bottom-center 		{background:url('/images/modal/bottom.png') repeat-x;  height:44px;}
.modalcss2 table tr td.bottom-right 		{background:url('/images/modal/bottom-right.png') no-repeat; height:44px;}

.modalcss1 															{background:#fff; border:6px solid #cccccc; }
.modalcss1 .modal-dialog-close-div    	{top:-14px; right:-16px;	position:absolute; z-index:260001;}
.modalcss1 .modal-dialog-close-div  div, 
.modalcss1 .modal-dialog-close-div  a  	{cursor:pointer; background:url('/images/buttons/zoom-close4.gif') no-repeat; text-indent: -9999px; display:block; height:30px; width:30px; overflow:hidden;}

table.managmentList tr td {padding-bottom:25px;}
table.managmentList tr td.thumb {padding-top:4px;}
table.managmentList tr td p {font-size:12px;}
table.managmentList .divide {border-bottom: dotted #cccccc 1px;}


div#content-wrapper table.features {width:100%!important;	margin-top:20px;}
div#content-wrapper table.features tr td p {font-size:11px!important;}
div#content-wrapper table.features tr td {padding:0 15px 0 0!important;	margin:0 0 0 0;	width:50%;	vertical-align:top;	font-size:11px!important;}
div#content-wrapper table.features tr td h2 {font-size:13px!important;	margin:0 0 0 0!important;}
div#content-wrapper table.features tr td img {float:left;	margin-bottom:70px;	margin-right:20px;}


ul.next-links-left 			{padding:0; margin:0; list-style:none;  margin-bottom: 12px;}
ul.next-links-left li 	{display:block; float:left; font-size:11px; padding:0; margin:0;}
ul.next-links-left li a {display:block; padding-right:20px; margin-right:10px; font-size:11px; background:url('/images/icons/pointer-sm.png') no-repeat right; }

ul.next-links-left:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html ul.next-links-left {height: 1%;}

ul.next-links-left li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html ul.next-links-left li {height: 1%;}



ul.next-links 			{padding:0; margin:0; list-style:none;  margin-bottom: 12px; float:none;}
ul.next-links li 	{font-size:11px; padding:0; margin:0;}
ul.next-links li a {display:block; float:left; padding-right:20px; margin-right:10px; font-size:11px; background:url('/images/icons/pointer-sm.png') no-repeat right; }

ul.next-links:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html ul.next-links {height: 1%;}

ul.next-links li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html ul.next-links li {height: 1%;}



div#jobs-table-wrapper {padding-top:10px; padding-bottom:10px;}
table#jobs-table {margin:0;	padding:0;	border:1px solid #e3e3e3;	-moz-border-radius: 5px; border-radius: 5px;	-webkit-border-radius: 5px;}
table#jobs-table tr th { background-color:#efefef;}
table#jobs-table tr {margin:0;	padding:0;}
table#jobs-table tr.row0 td {	background:#fff!important;	vertical-align:top;}
table#jobs-table tr.row1 td {	background:#f0f5fa!important;	vertical-align:top;}


table.newsFeed 													{list-style:none; margin:0; padding:0; }
table.newsFeed td 											{padding:15px; padding-bottom:20px; vertical-align:top;}
table.newsFeed td.date									{color:#333!important; font-weight:600; width:18%;}
table.newsFeed tr.row1 td 							{background:#f0f5fa;}
table.newsFeed td a.newsHeadline 				{color:#000!important; font-weight:bold; font-size:14px; line-height:16px;}
table.newsFeed td a.newsHeadline:hover 	{color:#b31b1b!important;}
table.newsFeed td p 										{margin:0!important; padding:0!important; font-size:11px; line-height:16px;}
table.newsFeed td ul li                 {font-size:11px;}
table.newsFeed td strong 								{color:#333!important;}



#content div#form-right-column table#Document_Table 																	{padding:0!important; margin:10px 0 15px 0!important; width:100%!important;}
#content div#form-right-column table#Document_Table tr td.PropertySheetLeftColDesc 		{padding:0 0 0 0; width:100px!important; font-size:11px!important;	line-height:14px; color:#333333!important;}
#content div#form-right-column table#Document_Table tr td.PropertySheetLeftColValue   {padding:1px 0 1px 0!important;}
#content div#form-right-column table#Document_Table tr td.PropertySheetLeftColValue input[type="text"],
#content div#form-right-column table#Document_Table tr td.PropertySheetLeftColValue input[type="text"],
#content div#form-right-column table#Document_Table tr td.PropertySheetLeftColValue input[type="password"],
#content div#form-right-column table#Document_Table tr td.PropertySheetLeftColValue input[type="password"] {
	border:2px inset;	border:1px solid rgb(146, 178, 211); line-height:18px; -webkit-appearance:textfield;	font-size:11px!important;	-webkit-rtl-ordering:logical;	
	-webkit-user-select:text;	padding:3px!important;  border:1px solid rgb(146, 178, 211); -moz-border-radius:3px;	-webkit-border-radius:3px; 
	background:#fff url('/images/backgrounds/input_bg.png') repeat-x; font-size:9px; 
}

#content div#form-right-column table#Document_Table tr td.PropertySheetLeftColValue input[type="text"],
#content div#form-right-column table#Document_Table tr td.PropertySheetLeftColValue input[type="password"] {width:200px;}
#content div#form-right-column table#Document_Table tr td.PropertySheetLeftColValue select 				{font-size:10px;}
#content div#form-right-column table#Document_Table tr td.PropertySheetLeftColValue span.HelpText {font-size:9px;}
#content div#form-right-column table.PropertySheetBox td.Spacer 																	{display:none!important;}
#content div#form-right-column td.Spacer span.HelpText 																						{display:none!important;}
#content div#form-right-column table.PropertySheetBox tr#editDocumentButtonRow td.AppFooters 			{padding-left:96px!important;}