/*
   Class Guide 

   f = first
   l = last
   rl = related links
   t = title
   c = container/content
   hd = head
   bd = body
   ft = foot
   
   noSS = no sidebar secondary
   noSP = no sidebar primary
   noSPSS = no sidebar primary or sidebar secondary

 */

.an-questions {background:yellow;}

body { background:#FFF url(../images/common/page_bg.png) repeat-x 0 0; color: #333; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { color: #900; font-size: 114%; font-weight: bold; margin-top: 6px; padding-bottom: 8px; text-transform: uppercase; }
h2 { border-bottom: 1px solid #d7d7d7; color: #1b1b1b; font-weight: bold; margin-bottom: 5px; margin-top: 4px; padding: 3px 0; }
h3 { font-weight: bold; font-size: 92%; line-height: 1.5em; }
h4 { color: #38505e; font-size: 144%; font-weight: bold; margin: 8px; }
em.t { display: block; font-weight: bold; padding-bottom: 7px; } /* pseudo-title */
strong { font-weight: bold; }

/* Link at top of document to jump over navigation and go straight to content - For usability */
#contentJump { display: none; }

/* Utility Classes */
.selfclear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* ====================== */
/* = Page/Column Widths = */
/* ====================== */
/* No right channel */
/* These widths need to be adjusted for actual usage on this site.
body.noSS #mainBody { width: 73.9em; }
body.noSS #content { width: 60.9em; }
*/

/* No left channel */
/* These widths need to be adjusted for actual usage on this site.
body.noSP #content { width: 60.9em; }
*/

/* No left channel or right channel */
/* These widths need to be adjusted for actual usage on this site.
body.noSPSS #mainBody { width: 73.9em; }
body.noSPSS #content { width: 73.9em; }
*/

/* Gutter between body background and content */
#header, #body, #footer, #about, #gAbout { margin: 0 1em; }

#wrapper { width: 74.5em; } /* Width of "page" */
#mainBody { width: 59.1em; } /* Width of left channel and center channel combined */
#sidebarPrimary { width: 13.3em; } /* Width of left channel */ 
#content { width: 45.7em; } /* Width of center channel */
#contentFull { width: 59em;  padding-left: 13.4em;} /* Width of center and right channel combined*/
#sidebarSecondary { width: 13.3em; } /* Width of right channel */
#footer { padding-left: 13.4em; } /* Make footer text line up with left side of center channel */
#gAbout { padding-left: 13.4em; }
/* = End Widths = */


/* =========================== */
/* = Page-specific Overrides = */
/* =========================== */
body.home #mainBody { margin-top: 12px; width: 55.5em; }
body.home #sidebarPrimary { width: 16.5em; }
body.home #content { width: 37.9em; }
body.home #sidebarSecondary { margin-top: 12px; width: 16.6em; }
body.home ul#primaryNav { height: 26px; }
body.home #sidebarPrimary .hd,
  body.home #sidebarPrimary .ft { background: 0; height: auto; }
body.home #contentBody { padding-top: 0; }
  body.home #contentBody ul { padding: 0; }
    body.home #contentBody ul li { padding-top: 10px; padding-bottom: 10px; background-position: 0 1.2em;}
      body.home #contentBody ul li a { color: #333; text-decoration: none; }
        body.home #contentBody ul li a:hover { text-decoration: underline; }
body.home #sidebarSecondary { background: 0; min-height: 0; }
body.home #footer { padding-left: 0; }
  body.home #footer p.copy { padding-left: 0; }

body.search #mainBody { width: auto; }
body.search #content { font-size: 140%; width: auto; }
  body.search #content table table { font-size: 110%; } /* Fix nested re-search font size */
    body.search #content .searchAgainBox { font-size: 70%; }
  body.search #footer { padding-left: 0; }
    body.search #footer p.copy { padding-left: 0; }

body.sitemap #mainBody { width: auto; }
  body.sitemap #content { width: 59em; }
	
body.howToBuy #mainBody { width: auto; }
  body.howToBuy #content { width: 59em; }
  
body.print { background: 0; }
body.print #wrapper { margin: 0; width: 100%; }
body.print #header { display: none; }
body.print #sidebarPrimary { display: none; }
body.print #mast { display: none; }
body.print #mainBody { width: 100%; }
body.print #content { width: 100%; }
body.print #gAbout { display: none; }
body.print #sidebarSecondary { display: none; }
body.print #footer { display: none; }
body.print ol#footnoteLinks { margin-left: 30px; list-style-type: decimal; }
body.print ol#footnoteLinks li { font-size: 88%; }

#wrapper {
  background-color: #fff;
  margin: 0 auto; /* Make content centered */
}

#header { }
  #siteId { float: left; padding-top: 16px; }
  #toolbar { float: right; padding-top: 6px; }
    #toolbar .hd { background: url(../images/common/toolbar/hd_l.png) no-repeat 0 0; height: 5px; }
      #toolbar .hd .c { background: url(../images/common/toolbar/hd_r.png) no-repeat 100% 0; height: 5px; }
    #toolbar .bd { background: url(../images/common/toolbar/bd_l.png) no-repeat 0 0; }
      #toolbar .bd .c { background: url(../images/common/toolbar/bd_r.png) no-repeat 100% 0; padding: 0 7px 0 10px; }
    #toolbar .ft { background: url(../images/common/toolbar/ft_l.png) no-repeat 0 0; height: 6px; }
      #toolbar .ft .c { background: url(../images/common/toolbar/ft_r.png) no-repeat 100% 0; height: 6px; }
    
    #toolbar ul { }
      #toolbar ul li {
        background: url(../images/common/toolbar/item_separator.png) no-repeat 6px 55%;
        float: left;
        padding-left: 12px;
      }
        #toolbar ul li.f { background: 0; padding-left: 0; }
      #toolbar a#howToBuy { color: #ec444c; }
	  #toolbar a#contactUs { color: #ec444c; }
      #toolbar a, #toolbar label { color: #666; font-size: 85%; font-weight: bold; }
      #toolbar input { margin-left: 3px; }
      #search button { font-size: 85%; }
      #search button {
        border: 0;
        background: url(../images/common/toolbar/search_go.gif) no-repeat 0 50%;
        text-indent: -32000px;
        width: 23px;
      }
	  
p#tagline {
background: url(../images/common/an_aptean_ERP_solution.jpg) no-repeat 100% 50%;
float: right;
color: #999;
font-style: italic;
height: 38px;
width: 220px;
}
p#tagline a {
text-decoration: none;
float: right;
display: block;
height: 38px;
width: 220px;
}
  <!--p#tagline {background: url(../images/common/an_aptean_ERP_solution.jpg) no-repeat 100% 50%; clear: right; color: #999; font-style: italic; height: 38px; text-indent: -32000px;} -->

  /* Top Navigation */
  ul#primaryNav {
    background: #89a7b4 url(../images/common/primaryNav/bg.png) repeat-x 0 0;
    clear: both;
    height: 34px;
  }
    ul#primaryNav li {
      border-right: 1px solid #fff;
      float: left; /* Keep nav in a line */
      position: relative;
      z-index: 6;
    }
      ul#primaryNav li a {
        background-position: 100% 0;
        background-repeat: no-repeat;
        display: block;
        height: 26px;
        outline: none;
        text-indent: -32000px;
      }
        ul#primaryNav li.a a, ul#primaryNav li a.over { background-color: #0a486c; background-position: 0 0; }

        #navHome a { background-image: url(../images/common/primaryNav/home.png); width: 57px; }
		#navDownloads a { background-image: url(../images/common/primaryNav/erp-downloads.png); width: 95px; }
        #navProducts a { background-image: url(../images/common/primaryNav/products.png); width: 90px; }
          #navProducts ul a { width: 10em; }
        #navIndustries a { background-image: url(../images/common/primaryNav/industries.png); width: 95px; }
          #navIndustries ul a { width: 11em; }
        #navServices a { background-image: url(../images/common/primaryNav/services.png); width: 82px; }
          #navServices ul a { width: 10em; }
        #navSupport a { background-image: url(../images/common/primaryNav/support.png); width: 81px; }
          #navSupport ul a { width: 10em; }
        #navPartners a { background-image: url(../images/common/primaryNav/partners.png); width: 86px; }
          #navPartners ul a { width: 10em; }
		#navResources a { background-image: url(../images/common/primaryNav/resources.png); width: 95px; }
		  #navResources ul a { width: 11em; }
        #navNewsevents a { background-image: url(../images/common/primaryNav/news_events.png); width: 137px; }
          #navNewsevents ul a { width: 13em; }
        #navCompany a { background-image: url(../images/common/primaryNav/company.png); width: 81px; }
          #navCompany ul a { width: 10em; }
        
        ul#primaryNav li ul { 
          display: none;
          background: #0a486c;
          border: 1px solid #fff;
          border-top: 0;
          left: -1px;
          position: absolute;
          z-index: 6;
        }
          ul#primaryNav li.over ul { display: block; }
          ul#primaryNav li ul li {
            border-bottom: 1px solid #255b77;
            border-right: 0;
            float: none;
            padding: 0;
          }
            ul#primaryNav li ul li a {
              background: 0;
              color: #c8d9e3;
              display: block;
              height: auto !important;
              padding: 4px 0 4px 13px;
              font-size: 85%;
              text-indent: 0;
            }
              ul#primaryNav li ul li a:hover { 
                background: #063c5b;
                color: #fff;
                height: auto;
                text-decoration: none;
              }
        
/* Wrap left and center channel so that we can put center channel first in markup for optimal content ordering */
#mainBody { float: left; }

/* BEGIN New homeMast for Details */

#homeDetails { }
  #flashContent {
    background: url(../images/home/compiere_flash_back.gif) repeat-x 0 0;
    height: 214px;
  }
    #jsbannerContent {
	background: url(../images/home/compiere_flash_back.gif);
    height: 214px;
	text-align: left;
  }
  
  #jslearnContent {
	background: url(../images/home/compiere_learn_back.gif);
    height: 56px;
	text-align: left;
  }
    #flashContent h1, #flashContent a { display: block; text-indent: -32000px; } /* temporary to hide content */
  #tileHd { background: url(../images/home/mast/tile_hd_bg.png) repeat-x 0 0; height: 6px;}

  #homeDetails ul { 
    background: url(../images/home/details/erp-software.jpg) no-repeat;
	height: 257px;
    border: 0px;
    border-top: 0;
    position: relative; 
  }
    #homeDetails ul li {
      float: left;
      margin-top: -6px;
    }
      #homeDetails ul li.one { background: 0; width: 447px; }
	  #homeDetails ul li div.onea { padding: 65px 15px 1.4em 186px; }
	  #homeDetails ul li div.oneb { text-align: center; padding: 10px 15px 2px 5px; width: 440px; font-size: .9em;}
	  #homeDetails ul li div.onecTitle { text-align: center; font-size: 1.1em; font-weight:bold; padding-top: -3px;}
	  #homeDetails ul li div.onecTitle a{ text-align: center; color: #125376; }
	  #homeDetails ul li div.onecText { text-align: center;}
	  #homeDetails ul li div.onecCost { text-align: center; font-weight:bold; padding-top: 3px;}
	  #homeDetails ul li.two { background: 0; width: 210px; }      
	  #homeDetails ul li div.two { padding: 40px 15px 1.4em 15px; }
	  #homeDetails ul li div.twoa { text-align: left; padding: 47px 15px 15px 15px; width: 200px; font-size: .9em;}
	  #homeDetails ul li div.twoaTitle { text-align: left; font-size: 1.1em; font-weight:bold; padding-bottom: 2px;}
	  #homeDetails ul li div.twoaTitle a{ text-align: left; color: #125376; }
	  #homeDetails ul li div.twob { text-align: left; padding: 6px 15px 15px 15px; width: 200px; font-size: .9em;}
	  #homeDetails ul li div.twobTitle { text-align: left; font-size: 1.1em; font-weight:bold; padding-bottom: 2px; }
	  #homeDetails ul li div.twobTitle a{ text-align: left; color: #125376; }
	  #homeDetails ul li div.twoc { text-align: left; padding: 6px 15px 15px 15px; width: 200px; font-size: .9em;}
	  #homeDetails ul li div.twocTitle { text-align: left; font-size: 1.1em; font-weight:bold; padding-bottom: 2px;}
	  #homeDetails ul li div.twocTitle a{ text-align: left; color: #125376; }
	  #homeDetails ul li.three { background: 0; width: 269px; }
	  #homeDetails ul li div.three { cursor: pointer; padding: 40px 15px 1.4em 15px; }
	  #homeDetails ul li div.threea { text-align: left; padding: 47px 15px 2px 25px; width: 135px; font-size: .9em;}
	  #homeDetails ul li div.threeaTitle { text-align: left; font-size: 1.1em; font-weight:bold; padding-bottom: 2px;}
	  #homeDetails ul li div.threeaTitle a{ text-align: left; color: #125376; }
	  #homeDetails ul li div.threeb { text-align: left; padding: 12px 15px 2px 25px; width: 140px; font-size: .9em;}
	  #homeDetails ul li div.threebTitle { text-align: left; font-size: 1.1em; font-weight:bold; padding-bottom: 2px; }
	  #homeDetails ul li div.threebTitle a{ text-align: left; color: #125376; }
  	  
  #homeDetails p { font-size: 85%; }
		#homeDetails p a { text-decoration: none; }
    #homeDetails p.em { font-size: 100%;}
    #homeDetails p.more {
      bottom: 3px;
      position: absolute;
      text-align: right;
      width: 22%;
    }
      #homeDetails p.more a { background: url(../images/common/icons/bullet.png) no-repeat 0 55%; padding-left: 12px;}
    #homeDetails p.moreleft {
      bottom: 3px;
      position: absolute;
      text-align: left;
      width: 22%;
    }
      #homeDetails p.moreleft a { background: url(../images/common/icons/bullet.png) no-repeat 0 55%; padding-left: 12px;}

/* END New homeMast for Details */

#homeMast { }
  #flashContent {
    background: url(../images/home/compiere_flash_back.gif) repeat-x 0 0;
    height: 214px;
  }
    #jsbannerContent {
	background: url(../images/home/compiere_flash_back.gif);
    height: 214px;
	text-align: left;
  }
    #flashContent h1, #flashContent a { display: block; text-indent: -32000px; } /* temporary to hide content */
  #tileHd { background: url(../images/home/mast/tile_hd_bg.png) repeat-x 0 0; height: 6px;}

  #homeMast ul { 
    background: url(../images/home/mast/tile_set_bg.png) repeat-x 0 0;
    border: 3px solid #f5d667;
    border-top: 0;
    position: relative; 
  }
    #homeMast ul li {
      background: url(../images/home/mast/tile_bg.png) no-repeat 0 0;
      float: left;
      width: 25%;
      margin-top: -6px;
    }
      #homeMast ul li.f { background: 0; }
      #homeMast ul li div.c { cursor: pointer; padding: 15px 15px 1.4em 15px; }
  	  
  #homeMast p { font-size: 85%; }
		#homeMast p a { text-decoration: none; }
    #homeMast p.em { font-size: 100%;}
    #homeMast p.more {
      bottom: 3px;
      position: absolute;
      text-align: right;
      width: 22%;
    }
      #homeMast p.more a { background: url(../images/common/icons/bullet.png) no-repeat 0 55%; padding-left: 12px;}
    #homeMast p.moreleft {
      bottom: 3px;
      position: absolute;
      text-align: left;
      width: 22%;
    }
      #homeMast p.moreleft a { background: url(../images/common/icons/bullet.png) no-repeat 0 55%; padding-left: 12px;}
	  

#body { position: relative; }

/* Left channel */
#sidebarPrimary { float: left; }
  #sidebarPrimary .hd { background: #0a496d; height: 5px; }
  #sidebarPrimary .ft { background: url(../images/common/sidebarPrimary_ft_bg.png) no-repeat 100% 0; height: 77px; margin-top: 4px; }

#secondaryNav { }
  #secondaryNav a, #secondaryNav em { 
    color: #fff;
    display: block;
    font-size: 92%;
    padding: 6px 6px 4px 13px;
  }
  #secondaryNav a:hover { background: #0A496D; text-decoration: none; }
  #secondaryNav ul.lvl1 { background: #758f9a url(../images/common/secondaryNav/lvl1_bg.png) repeat-x 0 100%; }
    #secondaryNav ul.lvl1 li { background: url(../images/common/secondaryNav/lvl1_item_bg.png) repeat-x 0 0; }
      #secondaryNav ul.lvl1 li.f { background: 0; }
      #secondaryNav ul.lvl1 li.a { background: #ebeff0 url(../images/common/secondaryNav/lvl1_item_a_bg.png) no-repeat 100% 0; }
      #secondaryNav ul.lvl1 li a.a { color: #0a496d; font-weight: bold; }
        #secondaryNav ul.lvl1 li a.a:hover { background: 0; color: #000; }
        
  #secondaryNav ul.lvl2 { padding-bottom: 3px; }
    #secondaryNav ul.lvl2 li { background: 0; }
      #secondaryNav ul.lvl2 li a { color: #666; }
        #secondaryNav ul.lvl2 li a:hover { background: 0; color: #000; }
      #secondaryNav ul.lvl2 li a, #secondaryNav ul.lvl2 li em { font-size: 85%; padding: 3px 6px 3px 18px; }
        #secondaryNav ul.lvl2 li.a a.a { color: #0a496d; font-weight: bold; }
        #secondaryNav ul.lvl2 li em { color: #000; font-weight: bold; }

ul.callOut { background-color: #7b7b7b; margin-top: 4px; }
  ul.callOut li { background: url(../images/common/callOut/item_bg.png) repeat-x 0 0; }
    ul.callOut li.t { background: #454545 url(../images/common/callOut/t_bg.png) repeat-x 0 0; }
      ul.callOut li.t em { color: #bababa; font-weight: bold; }
    ul.callOut li.f { background: 0; }
    ul.callOut li a, ul.callOut li em { 
      display: block;
      font-size: 92%;
      padding: 7px 6px 6px 13px; 
    }
      ul.callOut li.f a, ul.callout li.t em { padding-top: 5px; }
    ul.callOut li a { color: #fff; }
      ul.callOut li a:hover { background: #333; text-decoration: none; }

  .eventList { }
    .eventList .hd .c { background: url(../images/common/components/eventList/hd_r_bg.png) no-repeat 100% 0; }
    #eventListTitle {
      background: url(../images/common/components/eventList/upcoming_events_title.png) no-repeat 0 0;
      height: 31px;
      text-indent: -32000px;
    }
    .eventList .bd { background-color: #faf9f9; border-left: 1px solid #e1e1e1; }
      .eventList .bd .c {
        border-right: 1px solid #e1e1e1;
        padding: 0 10px 1.5em 10px;
        position: relative;
      }
    .eventList .ft {
      background: url(../images/common/components/eventList/ft_l_bg.png) no-repeat 0 0 !important;
      height: 1px !important;
      margin: 0 !important;
    }
      .eventList .ft .c { background: url(../images/common/components/eventList/ft_r_bg.png) no-repeat 100% 0 !important; height: 1px !important; }
    
    .eventList li { border-bottom: 1px solid #d5d4d4; color: #555; font-size: 92%; padding: 8px 0; }
    .eventList li.l { border: 0; }
    .eventList li.single span.summary { display: block; font-weight: bold; padding-bottom: 7px; }
    .eventList li.multiple .vevent { margin-bottom: 6px; }
    .eventList .seeAll { 
      background: url(../images/common/components/eventList/see_all_l_bg.png) no-repeat 0 0;
      bottom: 0;
      position: absolute;
      right: 8px;
    }
      .eventList .seeAll .c { 
        background: url(../images/common/components/eventList/see_all_r_bg.png) no-repeat 100% 0; 
        border: 0;
        padding: 0 10px 0 9px;
        height: 1.6em;
        vertical-align: middle;
        line-height: 1.6em;
      }
      .eventList .seeAll a {
        color: #fff;
        font-size: 92%;
        background: url(../images/common/icons/bullet3.png) no-repeat 0 55%;
        padding-left: 14px;
      }

/* Center channel */
#content { float: right; margin: 1px 0 0 0; }
  #mast { border-bottom: 1px solid #eef0f2; margin-left: 1px; }
    #mast a, #mast em { font-size: 85%; }    
    #mast .c { border-bottom: 1px solid #eff0f2; text-align: right; height: 92px; }
      #mast .c img { }
    ul#breadcrumbs { float: left; padding: 1px 0 1px 10px; }
      ul#breadcrumbs li {
        background: url(../images/common/icons/breadcrumbs_separator.png) no-repeat 4px 55%;
        float: left;
        padding-left: 13px;
      }
        ul#breadcrumbs li.f { background: 0; padding-left: 0; }
        ul#breadcrumbs li a { color: #62879a; }
        ul#breadcrumbs li em { color: #aaa; }

    ul#pageTools { float: right; padding: 1px 10px 2px 0; }
      ul#pageTools li { 
        background: url(../images/common/icons/page_tools_separator.png) no-repeat 7px 55%;
        float: left;
        padding-left: 13px;
      }
        ul#pageTools li.f { background: 0; padding-left: 0; }
        ul#pageTools li a { color: #96adb9; padding-left: 20px; }
        a#sendToFriend { background: url(../images/common/icons/mail.png) no-repeat 0 50%; }
        a#print { background: url(../images/common/icons/print.png) no-repeat 0 50%; }
		
	li.contentli2 { 
        margin: 6px 0 6px 0px;
      }

  #contentBody { padding: 13px 25px 0 10px; }
    #contentBody a { color: #62879a; text-decoration: underline; }
      #contentBody a:hover { color: #000; }
    #contentBody p { padding-bottom: 10px; font-size: 92%; line-height: 1.5em; }
    #contentBody ul { padding: 0 40px 10px 40px; }
      #contentBody ul li { 
        background: url(../images/common/icons/bullet2.png) no-repeat 0 0.6em;
        font-size: 92%;
        padding: 3px 0 3px 12px;
      }
	  
    #contentBody ol { list-style-type: decimal; padding: 0 40px 10px 52px; }
      #contentBody ol li { font-size: 92%; padding: 3px 0; }
		#contentBody .two-col {clear: both; width: 100%; }
		#contentBody .two-col-first  {float: left; width: 48%; }
		#contentBody .two-col-second {float: right; width: 48%; }
		#contentBody .two-col-first-gray  {float: left; width: 48%; background-color: #eeeeee; height: 90px; padding: 5px;}
		#contentBody .two-col-second-gray {float: right; width: 48%; background-color: #eeeeee; height: 90px; padding: 5px;}
		#contentBody .two-col-first-support  {float: left; width: 48%; background-color: #eeeeee; height: 140px; padding: 5px; border: 2px; border-color:#999999;}
		#contentBody .two-col-second-support {float: right; width: 48%; background-color: #eeeeee; height: 140px; padding: 5px;}
				#contentBody .two-col-first-gray-new-erp  {float: left; width: 48%; background-color: #f2f2f2; height: 152px; padding: 5px;}
		#contentBody .two-col-second-gray-new-erp {float: right; width: 48%; background-color: #f2f2f2; height: 152px; padding: 5px;}
		
#contentBody .two-col-first-gray-new-erp ul li {background: url(../images/common/icons/bullet5.png) no-repeat 					0 0.6em; font-size: 94%; padding: 2px 0 2px 12px;}
#contentBody .two-col-second-gray-new-erp ul li {background: url(../images/common/icons/bullet5.png) no-repeat 					0 0.6em; font-size: 94%; padding: 2px 0 2px 12px;}
		#contentBody .one-col-text-gray  {float: left; width: 100%; background-color: #eeeeee; height: 299px; padding: 5px;}
		#contentBody .two-col-screenshot-gray {float: right; width: 65%; background-color: #eeeeee; height: 299px; padding: 5px;}
		
    #currentHeadlinesTitle {
      background: url(../images/home/current_headlines_title.png) no-repeat 0 0;
      height: 20px;
      padding: 0;
      text-indent: -32000px;
    }

  ul.features { padding: 0 11px 10px 11px !important; }
    ul.features li {
      background: 0 !important;
      font-size: 100% !important;
      float: left;
      padding: 0 8px !important;
      width: 46%;
    }
  .feature { }
    .feature .hd { background: url(../images/common/components/feature/hd_l.png) no-repeat 0 0; height: 5px; }
      .feature .hd .c { background: url(../images/common/components/feature/hd_r.png) no-repeat 100% 0; height: 5px; }
    .feature .bd { background: url(../images/common/components/feature/bd_l.png) no-repeat 0 0; }
      .feature .bd .c { background: url(../images/common/components/feature/bd_r.png) no-repeat 100% 0; padding: 0 22px; }
    .feature .ft { background: url(../images/common/components/feature/ft_l.png) no-repeat 0 0; height: 5px; }
      .feature .ft .c { background: url(../images/common/components/feature/ft_r.png) no-repeat 100% 0; height: 5px; }
    .feature h3 { color: #62879A; font-size: 136%; font-weight: normal; }
    .feature p { line-height: 1.2em !important; }
		
	#product-demos { }
		#product-demos h2 {clear: both;}
	.view-demo { }
		.view-demo .img {float: left; }
	.view-demo2 { }
		.view-demo2 .img {float: left;  padding-left: 62px; }
    .view-demo .desc {float: left; padding-left: 15px; font-style:italic;}
	.demo-screen {float: right; padding: 0 0 5px 10px;}
	
	#elearning-modules { }
		#elearning-modules h2 {clear: both;}
	.view-module { }
		.view-module .img {float: left; }
    .view-module .desc {float: left; padding-left: 15px; font-style:italic;}
	.module-screen {float: right; padding: 0 0 5px 10px;}
	     #text-after-module {clear: both;}
	
	ul#capabilitiesDiagram {
    background: url(../images/products/capabilities/diagram5.png) no-repeat 0 0;
    height: 280px;
    padding: 0;
    position: relative;
	  width: 550px;
	}
	  ul#capabilitiesDiagram li {
      background: 0;
	    padding: 0;
	    position: absolute;
	  }
    ul#capabilitiesDiagram a { display: block; outline: none; text-indent: -32000px; }
  
	  li#cd_standard { left: 9px; top: 38px; width: 178px; height: 38px; }
	    li#cd_standard a { height: 39px; }
	    li#cd_standard a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -9px -334px; }
	  li#cd_business { left: 187px; top: 38px; width: 178px; height: 38px; }
	    li#cd_business a { height: 39px; }
	    li#cd_business a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -187px -334px; }
	  li#cd_analysis { left: 383px; top: 38px; width: 178px; height: 38px; }
	    li#cd_analysis a { height: 39px; }
	    li#cd_analysis a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -383px -334px; }
		
	   li#cd_manufacturing { left: 9px; top: 116px; width: 208px; height: 38px; }
	    li#cd_manufacturing a { height: 39px; }
	    li#cd_manufacturing a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -9px -412px; }
		
	   li#cd_warehouse { left: 219px; top: 116px; width: 208px; height: 38px; }
	    li#cd_warehouse a { height: 39px; }
	    li#cd_warehouse a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -219px -412px; }		
		
	  li#cd_purchasing { left: 9px; top: 154px; width: 136px; height: 55px; }
      li#cd_purchasing a { height: 55px; }
      li#cd_purchasing a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -9px -450px; }
	  li#cd_materials { left: 145px; top: 154px; width: 145px; height: 55px; }
      li#cd_materials a { height: 55px; }
      li#cd_materials a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -145px -450px; }
	  li#cd_order { left: 290px; top: 154px; width: 137px; height: 55px; }
      li#cd_order a { height: 55px; }
      li#cd_order a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -290px -450px; }
	  
	  li#cd_financial { left: 9px; top: 208px; width: 420px; height: 58px; }
      li#cd_financial a { height: 58px; }
      li#cd_financial a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -9px -504px; }

	  li#cd_sales { left: 428px; top: 116px; width: 114px; height: 37px; }
      li#cd_sales a { height: 37px; }
      li#cd_sales a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -428px -412px; }
	  li#cd_ecommerce { left: 428px; top: 153px; width: 114px; height: 39px; }
      li#cd_ecommerce a { height: 39px; }
      li#cd_ecommerce a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -428px -449px; }
	  li#cd_service { left: 428px; top: 192px; width: 114px; height: 39px; }
      li#cd_service a { height: 39px; }
      li#cd_service a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -428px -488px; }
	  li#cd_history { left: 428px; top: 230px; width: 114px; height: 39px; }
      li#cd_history a { height: 39px; }
      li#cd_history a:hover { background: url(../images/products/capabilities/diagram5.png) no-repeat -428px -526px; }

  #tooltip {
    background: url(../images/products/capabilities/tooltip_bg.gif) no-repeat 0 0;
    width: 224px;
  }
  #tooltip h3 { 
    font-weight: bold;
    line-height: 1.2em;
    padding: 10px 10px 0 10px;
    font-size: 92%;
  }
  #tooltip p.body {
    border-bottom: 1px solid #666;
    margin-right: 8px;
    padding: 0 10px 10px 10px;
    font-size: 92%;
  }
    
/* Right Channel */
#sidebarSecondary {
  background: url(../images/common/sidebarSecondary/bg.png) no-repeat 0 0;
  float: right;
  margin-top: 1px;
  min-height: 562px;
}
  h4.nextSteps {
    background: url(../images/common/sidebarSecondary/nextSteps/title.gif) no-repeat 0 0;
    height: 17px;
    text-indent: -32000px;
  }
  ul.nextSteps { padding: 0 0 19px 4px; }
    ul.nextSteps li { }
      ul.nextSteps li a {
        background-position: 100% 0;
        background-repeat: no-repeat;
        display: block;
        height: 32px;
        outline: none;
        text-indent: -32000px;
        width: 170px;
      }
        ul.nextSteps li a:hover { background-position: 0 0; }
        ul.nextSteps li a.download { background-image: url(../images/common/sidebarSecondary/nextSteps/download.gif); }
        ul.nextSteps li a.support { background-image: url(../images/common/sidebarSecondary/nextSteps/erp-contact-us.gif); }
        ul.nextSteps li a.editions { background-image: url(../images/common/sidebarSecondary/nextSteps/compare-editions.gif); }

  dl.relatedLinks { }
    dl.relatedLinks dt {
      color: #38505e;
      border-top: 1px solid #d0d0d0;
      border-bottom: 1px solid #d0d0d0;
      font-weight: bold;
      padding: 3px 0 3px 12px;
    }
      dl.relatedLinks dt.replaced {
        background-position: 12px 50%;
        background-repeat: no-repeat;
        height: 22px;
        padding: 0;
        text-indent: -32000px;
      }
      dl.relatedLinks dt.relatedLinks { background-image: url(../images/common/sidebarSecondary/titles/related_links.gif); }
      dl.relatedLinks dt.resources { background-image: url(../images/common/sidebarSecondary/titles/resources.gif); }
			dl.relatedLinks dt.events { background-image: url(../images/common/sidebarSecondary/titles/events.gif); }
      
    dl.relatedLinks dd { padding: 0 0 18px 13px; }
      dl.relatedLinks dd ul { padding-top: 2px; }
        dl.relatedLinks dd ul li { background: url(../images/common/icons/bullet.png) no-repeat 0 0.6em; padding: 2px 0 2px 19px; }
          dl.relatedLinks dd ul li a { font-size: 92%; }

  #featuredSectionTitle {
    background: url(../images/home/industries_title.png) no-repeat 0 0;
    height: 20px;
    margin-bottom: 1px;
    text-indent: -32000px;
  }
  ul.featuredSection { background: url(../images/common/components/featuredSection/list_bg.png) no-repeat 100% 100%; margin-bottom: 10px; }
    ul.featuredSection li {  }
      ul.featuredSection li.f { background: 0; }
      ul.featuredSection li a {
        background: url(../images/common/components/featuredSection/item_bg.png) repeat-x 0 0; 
        color: #fff;
        display: block;
        padding: 6px 0 6px 13px;
      }
			ul.featuredSection li a:hover { background: #0A496D; text-decoration: none; }	
    
  #resourcesTitle {
    background: url(../images/home/resources_title.png) no-repeat 0 0;
    height: 20px;
    text-indent: -32000px;
  }
  ul.resources { margin-bottom: 10px; }
    ul.resources li {
      background-position: 5px 50%;
      background-repeat: no-repeat;
      border-top: 1px solid #ededed;
      line-height: 2.3em;
      padding: 0 5px 0 44px;
      vertical-align: middle;
    }
      ul.resources li.l { border-bottom: 1px solid #ededed; }
      ul.resources li.blog { background-image: url(../images/common/icons/blog.png); }
      ul.resources li.partner { background-image: url(../images/common/icons/partner.png); }

  .promo { margin-bottom: 10px; text-align: center; }
  .promoCenter { margin: 20px 0px 0px 0px; text-align: center; }
  .promoLeft { margin: 20px 0px 0px 10px; text-align: center; }
  
/* SourceForge Bug in Footer */
#sForge { border-top: 0px}
  #sForge p, #footer a { font-size: 85%; color: #999; }
  #sForge p.copy { padding: 3px 10px 0 10px; }
  #sForge a { text-decoration: underline; }
    #sForge a:hover { color: #000; }
	  
/* Footer */
#footer { border-top: 1px solid #ededed;}
  #footer p, #footer a { font-size: 85%; color: #999; }
  #footer p.copy { float: left; padding: 3px 0 0 10px; }
  #footer a { text-decoration: underline; }
    #footer a:hover { color: #000; }
  #footer ul.siteLinks { float: right; }
    #footer ul.siteLinks li { 
      background: url(../images/common/icons/footer_separator.png) no-repeat 4px 65%;
      float: left;
      padding-left: 7px;
    }
      #footer ul.siteLinks li.f { background: 0; padding-left: 0; }

#gAbout { border-top: 1px solid #ededed; margin-top: 4px; }
  #gAbout p { 
    color: #666;
    font-size: 85%;
    line-height: 1.2em;
    padding: 10px 0 20px 10px;
  }
#gAbout a, #about a { color: #62879a; text-decoration: underline; }
  #gAbout a:hover, #about a:hover { color: #000; }

#about { border-top: 1px solid #ededed; margin-top: 4px; }
  #about p { color: #999; font-size: 85%; padding: 10px 0 20px 0; }

/* begin Steps to buy styles */
#stepsToBuy {}
	#stepsToBuy h2 {
	  background: url(../images/services/steps-bg.gif) repeat-y;
	  border: 0;
	  color: #0a496d;
	  line-height: 1.3em;
	  padding-left: 5px;
	  width: 540px;
	}
	#stepsToBuy p {margin-left: 35px;}
	#stepsToBuy ul {padding-left: 70px;}
/* end Steps to buy styles */

/* begin careers styles */	  
.jobdesc {display:none;}	  
/* end careers styles */

/* begin form styles */	  
#formstyles .left {position:relative; padding-bottom:10px;}
#formstyles .right {position:absolute; top:0; left:200px;}
#formstyles .farright {position:absolute; top:0; left:390px;}
#formstyles .ppc1 {position:absolute; top:0; left:120px;}
/* end form styles */

/* begin partner locator styles*/
#partner-locator {width: 100%;}
  #partner-locator .show-tab {
    background: url(../images/partners/partner-directory/show_tab_bd_l_bg.png) no-repeat 0 0;
    float: right;
    height: 2.1em;
    padding-left: 15px;
    text-align: right;
    padding-bottom: 2px;
  }
    #partner-locator .show-tab .c { 
      background: url(../images/partners/partner-directory/show_tab_bd_r_bg.png) no-repeat 100% 0;
      padding: 3px 7px 0 0;
    }
  #partner-locator .show-tab select {font-size: 85%; width: 135px; margin-top: 3px;}
  #partner-locator .show-tab button#updateButton {
    background: url(../images/partners/partner-directory/update.png) no-repeat 0 0;
    border: 0;
    height: 19px;
    margin-left: 6px;
    text-indent: -32000px;
    vertical-align: bottom;
    width: 50px;
  }
#partner-locator table {clear: both; width: 100%; border-bottom: 1px solid #d7d7d7; color: #666; font-size: 92%;}
#partner-locator th {color: #fff; background: #6990a6; font-weight: bold; padding: 5px;}
#partner-locator td {padding: 9px 5px;}
#partner-locator tr.company td {background: url(../images/partners/partner-directory/bg.gif) repeat-x;}
#partner-locator tr.company a {text-decoration: underline; font-weight: bold;}
#partner-locator tr.company-info td {padding-right: 0; width: 100%;}
#partner-locator .logo {float: left; width: 25%;}
#partner-locator .logo img {float: right;}
#partner-locator .desc {float: right; width: 74%; font-size: 110%;}
#partner-locator .desc p {line-height: 1.2em;}
#partner-locator .desc dl {font-size: 82%;}
#partner-locator .desc dt {float: left; clear: left; font-weight: bold; padding-right: 0.3em; padding-left: 5px;}
#partner-locator .desc dd {margin-bottom: 0.3em;}	
#partner-locator .desc dt, #partner-locator .desc dd {background: #f6efd4; line-height: 2em;}
#partner-locator .desc2 {float: right; width: 96%; font-size: 110%;}
#partner-locator .desc2 p {line-height: 1.2em;}
#partner-locator .desc2 dl {font-size: 82%;}
#partner-locator .desc2 dt {float: left; clear: left; font-weight: bold; padding-right: 0.3em; padding-left: 5px;}
#partner-locator .desc2 dd {margin-bottom: 0.3em;}	
#partner-locator .desc2 dt, #partner-locator .desc dd {background: #f6efd4; line-height: 2em;}
#partner-locator .expand {background: url(../images/partners/partner-directory/expand.gif) no-repeat 0 0; text-indent: -32000px; height: 14px; width: 14px; float: left; display: block; padding-right: 6px; outline: none;}
#partner-locator .expandcompiere {background: url(../images/partners/partner-directory/expand-compiere.gif) no-repeat 0 0; text-indent: -32000px; height: 14px; width: 14px; float: left; display: block; padding-right: 6px; outline: none;}
#partner-locator .expandgold {background: url(../images/partners/partner-directory/expand-gold.gif) no-repeat 0 0; text-indent: -32000px; height: 14px; width: 14px; float: left; display: block; padding-right: 6px; outline: none;}
#partner-locator .expandsilver {background: url(../images/partners/partner-directory/expand-silver.gif) no-repeat 0 0; text-indent: -32000px; height: 14px; width: 14px; float: left; display: block; padding-right: 6px; outline: none;}
#partner-locator .expandauthorized {background: url(../images/partners/partner-directory/expand-authorized.gif) no-repeat 0 0; text-indent: -32000px; height: 14px; width: 14px; float: left; display: block; padding-right: 6px; outline: none;}
#partner-locator .collapse {background: url(../images/partners/partner-directory/collapse.gif) no-repeat 0 0; text-indent: -32000px; height: 14px; width: 14px; float: left; display: none; padding-right: 6px; outline: none;}
#partner-locator a.name {outline: none;}
/* end partner locator styles */


/* begin event table styles */
#events-tbl tr.odd td {background: #f2f2f2;}
#events-tbl tr.even td {background: #e5e5e5;}
#events-tbl td {border-bottom: 4px solid #fff; padding: 10px; vertical-align: top; color: #000;font-size: 100%;}
#events-tbl td.f {border-right: 1px solid #fff; width: 50%; padding-right: 45px;}
#events-tbl td.l {width: 49%; padding-right: 15px;}
#events-tbl h3 {margin-bottom: 4px;}
#events-tbl p {line-height: 1.1em; padding-bottom: 5px;}
#events-tbl a {font-weight: bold;}
.event-note {color: #b7b7b7; text-align: right; padding-right: 5px; clear: both; font-style: italic;}
/* end event table styles */

/* begin standard table */
.std-table {margin-bottom: 1em; width: 100%; font-size: 92%;}
.std-table th {background: #8e8e8e; padding: 4px 10px; font-weight: bold; color: #fff; border-bottom: 0.3em solid #fff;}
.std-table th .ext {font-weight: normal;}
.std-table tr.odd {background: #f2f2f2;}
.std-table tr.even {background: #e5e5e5;}
.std-table td {padding: 5px 10px; color: #515151; border-bottom: 0.15em solid #fff;}
.std-table td.pdf {padding-left: 35px;}
.std-table tr.odd td.pdf {background: #f2f2f2 url(../images/common/icons/icon-pdf.gif) no-repeat 15px 55%; padding-left: 35px;}
.std-table tr.even td.pdf {background: #e5e5e5 url(../images/common/icons/icon-pdf.gif) no-repeat 15px 55%; padding-left: 35px;}
/* end standard table */

/* begin tco table */
.tco-table {margin-bottom: 0.5em; width: 100%; font-size: 95%;}
.tco-table th {background: #8e8e8e; padding: 4px 10px; font-weight: bold; color: #fff; border-bottom: 0.3em solid #fff; text-align: center;}
.tco-table th.features {text-align: left;}

.tco-table tr.odd {background: #f2f2f2; text-align: center;}
.tco-table tr.even {background: #e5e5e5; text-align: center;}
.tco-table tr.tcoinfo {background: #fff; font-size: 95%; text-align: left;}
.tco-table tr.tcocontact {background: #fff; color: #999999; font-size: 80%; text-align: left;}
.tco-table td {padding: 5px 10px; color: #515151; border-bottom: 0.15em solid #fff;}
.tco-table td.header {background: #fff; font-weight: bold; color: #666;  text-align: left;}
.tco-table td.features {text-align: left;}

/*table#tblTco td {
		text-align: center;*/
		
		#tm3ys, #tm3yp, #te3ys, #te3yp{
		 color: red; text-align: right; font-size: 90%;}
		 
		 		#c3yp, #c3ys{
		 font-weight: bold; text-align: right; color: #009966}
		 
		 #wideCell{
  background: url(http://www.compiere.com/images/products/erp-total-cost/erp-tco.gif);
}

/* end tco1 table */


/* begin new erp table */
#erp-table {margin-bottom: 1em; width: 100%; font-size: 92%;}
#erp-table th {background: #8e8e8e; padding: 4px 10px; font-weight: bold; color: #fff; border-bottom: 0.3em solid #fff;}
#erp-table th .ext {font-weight: normal;}
#erp-table tr.odd {background: #f2f2f2;}
#erp-table tr.even {background: #e5e5e5;}
#erp-table td {padding: 5px 10px; color: #515151; border-bottom: 0.15em solid #fff;}
#erp-table td.pdf {padding-left: 35px;}
#erp-table ul li {
        background: url(../images/common/icons/bullet5.png) no-repeat 0 0.6em;
        font-size: 94%;
        padding: 2px 0 2px 12px;
      }
/* end new erp table */

/* begin new checklist table */
#checklist-table {margin-bottom: 1em; margin-left: 2.5em; width: 37%; font-size: 92%; float:right}
#checklist-table th {background: #8e8e8e; padding: 4px 10px; font-weight: bold; color: #fff; border-bottom: 0.3em solid #fff;}
#checklist-table th .ext {font-weight: normal;}
#checklist-table tr.odd {background: #f2f2f2;}
#checklist-table tr.even {background: #e5e5e5;}
#checklist-table td {padding: 5px 10px; color: #515151; border-bottom: 0.15em solid #fff;}
#checklist-table td.pdf {padding-left: 35px;}
#checklist-table ul {
        background: none;
        padding: 0px;
      }
#checklist-table ul li {
        background: url(../images/common/icons/bullet5.png) no-repeat 0 0.6em;
        font-size: 94%;
		font-weight: bold;
        padding: 2px 0 3px 12px;
      }
/* end new erp table */

/* begin new faq table */
#faq-table {margin-bottom: 1em; width: 100%; font-size: 92%;}
#faq-table th {background: #8e8e8e; padding: 4px 10px; font-weight: bold; color: #fff; border-bottom: 0.3em solid #fff;}
#faq-table th .ext {font-weight: normal;}
#faq-table tr.odd {background: #ffffff;}
#faq-table tr.even {background: #e5e5e5;}
#faq-table td {padding: 5px 10px; color: #515151; border-bottom: 0.15em solid #fff;}
#faq-table td.pdf {padding-left: 35px;}
#faq-table ul li {
        background: url(../images/common/icons/bullet5.png) no-repeat 0 0.6em;
        font-size: 94%;
        padding: 2px 0 2px 12px;
      }
/* end new faq table */

/* begin services table */
.services-table {margin-bottom: 1em; width: 100%; font-size: 92%;}
.services-table th {background: #8e8e8e; padding: 4px 10px; font-weight: bold; color: #fff; border-bottom: 0.3em solid #fff; text-align: center;}
.services-table th.features {text-align: left;}
.services-table th.inactivefeatures {text-align: left; background:#CCCCCC;}
.services-table th.inactivetext {text-align: center; background:#CCCCCC;}
.services-table tr.odd {background: #f2f2f2;}
.services-table tr.even {background: #e5e5e5;}
.services-table tr.inactive {background: #f9f9f9; color:#AAAAAA;}
.services-table td {padding: 5px 5px; color: #515151; border-bottom: 0.15em solid #fff; text-align: center;}
.services-table td.features {text-align: left;}
.services-table td.inactivefeatures {text-align: left; color:#AAAAAA;}
.services-table td.inactivetext {text-align: center; color:#AAAAAA;}
/* end services table */

/* begin partner logo-description layout */
.partner {width: 100%; margin-bottom: 5px; clear: both;}
.partner .logo {float: left; width: 29%; text-align: right;}
.partner .logo img {float: right; padding-bottom: 10px;}
.partner .desc {float: right; width: 69%; font-size: 110%;}
/* end partner logo-description layout */

/* License page styles */
.license-header { text-align: center; }
.license-header h1 { color: #000; font-size: 120%; }
ol.license-list { counter-reset: default 0; }
ol.license-sub-list { list-style-type: lower-alpha; }
/* End License page styles */

/* Privacy page styles */
p.piracy-intro { margin-bottom: 20px; }
p.piracy-intro img.bbb-privacy { float: right; }
/* End Privacy page styles */

/* Begin sitemap styles */
#sitemap ul { 
  float: left;
  padding: 0;
  margin: 0;
  width: 45%;
}
  #sitemap ul.first { border-right: 1px solid #ccc; }
  #sitemap ul.second { margin-left: 30px; }
#sitemap ul li ul {float:none; width: 100%;}
#sitemap ul li ul li {padding-left:10px;}
#sitemap li {padding-left:40px;}
#sitemap li.title {
  font-weight:bold;
  background: 0;
  padding-left: 0;
}
/* End sitemap styles */

/* Start SVN page style */
table.svn-description-table { margin: 0 30px 10px 30px;}
table.svn-description-table td, table.svn-description-table th { border: 1px solid #000; padding: 5px; }
table.svn-description-table th { font-weight: bold; }
/* End SVN page style */

/* Start Help page style */
table.help-table { border: 1px solid red; margin-bottom: 10px;}
table.help-table td, table.help-table th { border: 1px solid #000; padding: 3px 5px; text-align: center; }
table.help-table th, table.help-table td.f { background: #EEE; font-weight: bold; } 
/* End Help page style */

/* End Start page styles */
ol.terms-sub-list li { list-style-type: lower-alpha; }
#contentBody ol.terms-list li ul li { padding-left: 8px; }
/* End Terms page styles */

/* support list-styles */
  #support ul { 
    border-top: 0;
    position: relative; 
  }
    #support ul li {
      float: left;
      width: 25%;
      margin-top: -6px;
    }