@charset "utf-8";

/*------------------------------
 =tags
------------------------------*/
body {
color: #000;
background: url(/jAlmas/cms/images/content/compiere/img/common/bg.gif) no-repeat center top;
}

a {
color: #577f92;
text-decoration: underline;
}

a:hover {
color: #ac141a;
text-decoration: none;
}


/*------------------------------
 =container
------------------------------*/
#header {
position: relative;
width: 1000px;
height: 105px;
margin: 0 auto;
color: #73685a;
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_header.gif) no-repeat left top;
overflow: hidden;
}

#contents {
width: 1000px;
margin: 0 auto;
}

#contents-left {
display: inline;
float: left;
width: 220px;
margin: 0 0 0 -740px;
}

#MAINCONTENT {
display: inline;
float: left;
width: 500px;
margin: 0 0 0 240px;
line-height: 1.6;
}

#contents-right {
display: inline;
float: right;
width: 240px;
height: auto;
margin: 0;
padding: 20px 0 60px 0;
background: #cec9c7 url(/jAlmas/cms/images/content/compiere/img/common/bg_contents_right.gif) no-repeat center bottom;
}

#footer {
position: relative;
width: 1000px;
min-height: 180px;
_height: 180px;	/* Hack for IE6 */
margin: 0 auto;
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_footer.gif) no-repeat center top;
}

/*------------------------------
 =header
------------------------------*/
#header #logo {
position: absolute;
width: 165px;
height: 36px;
top: 50px;
left: 0px;
}

#header #logo a {
display: block;
width: 165px;
height: 36px;
text-indent: -9999em;
overflow: hidden;
}

#header #description {
position: absolute;
width: 350px;
height: 36px;
line-height: 36px;
top: 50px;
left: 189px;
}

#header #header-menu {
position: absolute;
width: 500px;
height: 30px;
font-size: 85%;
text-align: right;
line-height: 30px;
top: 0px;
right: 0px;
}

#header #header-menu li {
display: inline;
}

#header #header-menu li a {
padding: 0 6px;
color: #ada39f;
text-decoration: none;
border-left: 1px solid #73685a;
}

#header #header-menu li a:hover {
color: #fff;
}

#header #searchbox {
position: absolute;
width: 240px;
height: 36px;
padding: 0;
text-align: right;
line-height: 36px;

top: 50px;
right: 0px;
}

#header #searchbox input#searchtxt {
width: 148px;
height: 18px;
margin: 0 10px 0 0;
vertical-align: middle;
border: 1px solid #ada39f;
}

#header #searchbox button#searchbtn {
width: 60px;
height: 20px;
margin: 0;
padding: 0;
text-align: left;
text-indent: -9999em;
background: url(/jAlmas/cms/images/content/compiere/img/common/btn_search.gif) no-repeat center top;
vertical-align: middle;
border-style: none;
border-width: 0px;
overflow: hidden;
}

#header #searchbox button#searchbtn:hover {
background-position: center bottom;
}

/*------------------------------
 =global
------------------------------*/
#global {
width: 1000px;
height: 165px;
margin: 0 auto;
}

#global #global-menu {
width: 1000px;
height: 65px;
padding: 0 0 100px 0;
background: url(/jAlmas/cms/images/content/compiere/img/common/topimg.jpg) no-repeat center bottom;
overflow: hidden;
}

div.casestudies #global-menu {
background: url(/jAlmas/cms/images/content/compiere/img/casestudies/topimg.jpg) no-repeat center bottom !important;
}

div.contact #global-menu {
background: url(/jAlmas/cms/images/content/compiere/img/contact/topimg.jpg) no-repeat center bottom !important;
}

div.netshop #global-menu {
background: url(/jAlmas/cms/images/content/compiere/img/netshop/topimg.jpg)  no-repeat center bottom !important;
}

div.partner #global-menu {
background: url(/jAlmas/cms/images/content/compiere/img/partner/topimg.jpg) no-repeat center bottom !important;
}

div.products #global-menu {
background: url(/jAlmas/cms/images/content/compiere/img/products/topimg.jpg) no-repeat center bottom !important;
}

div.support #global-menu {
background: url(/jAlmas/cms/images/content/compiere/img/support/topimg.jpg) no-repeat center bottom !important;
}

#global #global-menu li {
display: inline;
float: left;
height: 65px;
}

#global #global-menu li a {
display: block;
height: 65px;
text-indent: -9999em;
overflow: hidden;
}

#global #global-menu li#global-menu01 {
width: 157px;
}

#global #global-menu li#global-menu01 a {
width: 157px;
background: url(/jAlmas/cms/images/content/compiere/img/common/global.gif) no-repeat 0px 0px;
}

#global #global-menu li#global-menu01 a.this {
background-position: 0px -130px;
}

#global #global-menu li#global-menu01 a:hover {
background-position: 0px -65px;
}

#global #global-menu li#global-menu02 {
width: 156px;
}

#global #global-menu li#global-menu02 a {
width: 156px;
background: url(/jAlmas/cms/images/content/compiere/img/common/global.gif) no-repeat -157px 0px;
}

#global #global-menu li#global-menu02 a.this {
background-position: -157px -130px;
}

#global #global-menu li#global-menu02 a:hover {
background-position: -157px -65px;
}

#global #global-menu li#global-menu03 {
width: 149px;
}

#global #global-menu li#global-menu03 a {
width: 149px;
background: url(/jAlmas/cms/images/content/compiere/img/common/global.gif) no-repeat -313px 0px;
}

#global #global-menu li#global-menu03 a.this {
background-position: -313px -130px;
}

#global #global-menu li#global-menu03 a:hover {
background-position: -313px -65px;
}

#global #global-menu li#global-menu04 {
width: 166px;
}

#global #global-menu li#global-menu04 a {
width: 166px;
background: url(/jAlmas/cms/images/content/compiere/img/common/global.gif) no-repeat -462px 0px;
}

#global #global-menu li#global-menu04 a.this {
background-position: -462px -130px;
}

#global #global-menu li#global-menu04 a:hover {
background-position: -462px -65px;
}

#global #global-menu li#global-menu05 {
width: 185px;
}

#global #global-menu li#global-menu05 a {
width: 185px;
background: url(/jAlmas/cms/images/content/compiere/img/common/global.gif) no-repeat -628px 0px;
}

#global #global-menu li#global-menu05 a.this {
background-position: -628px -130px;
}

#global #global-menu li#global-menu05 a:hover {
background-position: -628px -65px;
}

#global #global-menu li#global-menu06 {
width: 187px;
}

#global #global-menu li#global-menu06 a {
width: 187px;
background: url(/jAlmas/cms/images/content/compiere/img/common/global.gif) no-repeat -813px 0px;
}

#global #global-menu li#global-menu06 a.this {
background-position: -813px -130px;
}

#global #global-menu li#global-menu06 a:hover {
background-position: -813px -65px;
}

/*------------------------------
 =footstep
------------------------------*/
#footstep {
width: 1000px;
height: 40px;
margin: 0 auto;
color: #73685a;
font-size: 85%;
line-height: 40px;
}

#footstep span {
font-family:Arial, Helvetica, sans-serif;
}

#footstep a {
color: #73685a;
text-decoration: none;
}

#footstep a:hover {
color: #2f5263;
}


/*------------------------------
 =contents-left
------------------------------*/
#contents-left {
padding: 0 0 2px 0;
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_acco_group.gif) no-repeat center bottom;
}

#contents-left dl.acco-box {
}

#contents-left dt.acco-header {
width: 209px;
height: 40px;
padding: 0 0 0 11px;
color: #fff;
font-size: 93%;
line-height: 40px;
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_acco_header.gif) no-repeat center top;
cursor: pointer;
}

#contents-left div.acco-header a,
#contents-left div.last div a {
display: block;
width: 209px;
height: 40px;
padding: 0 0 0 11px;
color: #fff;
text-decoration: none;
line-height: 40px;
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_acco_header.gif) no-repeat center top;

}

#contents-left dl.first dt {
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_acco_header_first.gif) no-repeat center top;
cursor:pointer;
}

#contents-left .last dt.acco-header a,
#contents-left div.last div a {
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_acco_header_last.gif) no-repeat center top;
}

#contents-left dt.acco-header a:hover {
background-position: center bottom;
}

#contents-left dd.acco-body-ie {
overflow: visible;
width: 220px;
font-size: 85%;
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_acco_body.gif) repeat-y center top;
}

#contents-left dd.acco-body-ie li {
height: 25px;
line-height: 25px;
}

#contents-left dd.aco-body-ie li span {
font-family:Arial, Helvetica, sans-serif;
}

#contents-left dd.acco-body-ie li a {
padding: 0 0 0 19px;
text-decoration: none;
}

#contents-left dd.acco-body-fox {
overflow: auto;
width: 220px;
font-size: 85%;
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_acco_body.gif) repeat-y center top;
}

#contents-left dd.acco-body-fox li {
height: 25px;
line-height: 25px;
}

#contents-left dd.aco-body-fox li span {
font-family:Arial, Helvetica, sans-serif;
}

#contents-left dd.acco-body-fox li a {
padding: 0 0 0 19px;
text-decoration: none;
}
/*------------------------------
 =MAINCONTENT
------------------------------*/
#MAINCONTENT h1 {
height: 40px;
margin: 0 0 1em 0;
color: #2f5263;
font-size: 114%;
text-indent: 20px;
line-height: 40px;
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_h1.gif) no-repeat center center;
}

#MAINCONTENT h2 {
width: auto;
height: 30px;
margin: 1em 20px 0.5em 20px;
padding: 0 10px;
color: #73685a;
font-size: 107%;
line-height: 30px;
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_h2.gif) no-repeat left top;
}

#MAINCONTENT h2.first {
margin: 0 20px 0.5em 20px;
}

#MAINCONTENT p {
margin: 0 20px 1em 20px;
}

#MAINCONTENT dl,
#MAINCONTENT ul,
#MAINCONTENT ol {
margin: 20px;
}

#MAINCONTENT dl dd {
margin: 0px;
}

#MAINCONTENT ul li {
margin: 0 0 0 20px;
list-style: disc;
}

#MAINCONTENT ol li {
margin: 0 0 0 20px;
list-style: decimal;
}

#MAINCONTENT ul.imgmark li {
padding: 0 0 0 20px;
list-style: none;
background: url(/jAlmas/cms/images/content/compiere/img/common/icon_listmark01.gif) no-repeat left top;
}

#MAINCONTENT ul.imgmark li li {
background: url(/jAlmas/cms/images/content/compiere/img/common/icon_listmark02.gif) no-repeat left top;
}

#MAINCONTENT ul.imgmark li li li {
background: url(/jAlmas/cms/images/content/compiere/img/common/icon_listmark03.gif) no-repeat left top;
}

#MAINCONTENT ul.trianglemark li {
padding: 0 0 0 20px;
list-style: none;
background: url(/jAlmas/cms/images/content/compiere/img/common/triangle01.gif)
no-repeat scroll left center;
}

.redarrow{
background-image: url(/jAlmas/cms/images/content/compiere/img/common/arrow_red01.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0px 0px 0px 16px;
}

.red_maru{
background-image: url(/jAlmas/cms/images/content/compiere/img/common/red_maru.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0px 0px 0px 16px;
margin:0pt 20px 1em;
}

.red_boxarrow{
background-image: url(/jAlmas/cms/images/content/compiere/img/common/red_boxarrow.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0px 0px 0px 16px;
margin:0pt 0px 1em;
}

.question{
background-image: url(/jAlmas/cms/images/content/compiere/img/support/question.png);
background-repeat: no-repeat;
padding: 0px 0px 0px 25px;
margin:0pt 0px 1em;
}

.answer{
background-image: url(/jAlmas/cms/images/content/compiere/img/support/answer.png);
background-repeat: no-repeat;
padding: 0px 0px 0px 25px;
margin:0pt 0px 1em;
}

#QandA li a {
border:2px solid #006699;
color:#006699;
display:block;
height:30px;
padding: 0px 0px 0px 25px;
}

.orange_boxarrow{
background-image: url(/jAlmas/cms/images/content/compiere/img/common/orange_boxarrow.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0px 0px 0px 16px;
margin:0pt 20px 1em;
}

.arrow_black{
background-image: url(/jAlmas/cms/images/content/compiere/img/common/arrow_black2.gif);
background-repeat: no-repeat;
background-position: left;
text-decoration: none;
padding: 0px 0px 0px 16px;
margin:0pt 10px 10px;
}

.plus_orange{
background-image: url(/jAlmas/cms/images/content/compiere/img/common/plus_orange.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0px 0px 0px 16px;
margin:0pt 20px 1em;
}

#contact div.frame {
border:1px solid #ABABAB;
height:10em;
margin:0pt auto 2em;
overflow:auto;

}

#contact div.submit {
clear:both;
text-align:center;
}

#info th {
background-color:#EEEEEE;
border:1px solid #808080;
padding:5px;
white-space:nowrap;
}

#info td {
background-color:#FFFFFF;
border:1px solid #808080;
padding:5px;
width:300px;
}

#info table {
font-size:93%;
line-height:1.6;
margin:0 20px 1em;
}

#noline-table th {
background-color:#EEEEEE;
border:0px solid #808080;
padding:5px;
white-space:nowrap;

}




#noline-table td {
background-color:#FFFFFF;
border:0px solid #808080;
padding:5px;
}

#noline-table table {
font-size:93%;
line-height:1.6;
margin:0 20px 1em;
}


#separate-table th {
border:1px solid #808080;
padding:5px;
white-space:nowrap;
background-color:#7DD5FF;
}

#separate-table td {
background-color:#FFFFFF;
border:1px solid #808080;
padding:5px;
}

#separate-table table {
font-size:93%;
line-height:1.6;
margin:0 20px 1em;
border-collapse:separate;
border-spacing:3px;
}

/*------------------------------
 =contents-right
------------------------------*/
#contents-right #right-bnr-menu li {
width: 200px;
height: 35px;
margin: 0 auto 15px auto;
text-align: center;
line-height: 35px;
white-space: nowrap;
overflow: hidden;
}

#contents-right #right-bnr-menu a {
display: block;
width: 200px;
height: 35px;
background: url(/jAlmas/cms/images/content/compiere/img/common/bg_right_bnr.gif) no-repeat 0px 0px;
color: #014565;
text-decoration: none;
}

#contents-right #right-bnr-menu a:hover {


background: url(/jAlmas/cms/images/content/compiere/img/common/bg_right_bnr.gif) no-repeat 0px -35px;
color: #655001;
}


/*------------------------------
 =return
------------------------------*/
#return {
clear: both;
width: 960px;
height: 30px;
margin: 0 auto;
padding: 30px 0 20px 0;
text-align: right;
line-height: 30px;
}

#return a {
padding: 2px 0 2px 19px;
color: #43474d;
font-size: 85%;
text-decoration: none;
background: url(/jAlmas/cms/images/content/compiere/img/common/icon_return.gif) no-repeat left center;
}

#return a:hover {
text-decoration: underline;
}


/*------------------------------
 =footer
------------------------------*/
#footer #footer-seal {
position: absolute;
width: 100px;
height: 60px;
top: 100px;
right: 20px;
}

#footer #footer-bnr-menu {
display: inline;
float: left;
height: 60px;
line-height: 60px;
}

#footer #footer-bnr-menu li {
display: inline;
float: left;
margin: 0 0 0 20px;
}

#footer #footer-bnr-menu li img {
vertical-align: middle;
line-height: normal;
}

#footer #footer-bnr-menu li#footer-bnr-menu04 a {
display: block;
width: 162px;
height: 36px;
margin: 12px 0 0 0;
text-indent: -9999em;
background: url(/jAlmas/cms/images/content/compiere/img/common/bnr_sourceforge.gif) no-repeat 0px 0px;
overflow: hidden;
}


#footer #footer-bnr-menu li#footer-bnr-menu04 a:hover {
background-position: 0px -36px;
}

#footer #footer-menu {
clear: both;
width: 840px;
margin: 0;
padding: 50px 0 0 20px;
font-size: 85%;
line-height: normal;
}

#footer #footer-menu li {
display: inline;
float: left;
padding: 0 6px;
border-left: 1px solid #cfcfcf;
}

#footer #footer-menu li.first {
padding: 0 6px 0 0;
border-left-style: none;
}

#footer #footer-menu li a {
color: #73685a;
text-decoration: none;
}

#footer #footer-menu li a:hover {
color: #ada39f;
}

#footer #copyright {
clear: both;
width: 840px;
padding: 15px 0 0 20px;
color: #ada39f;
font-size: 85%;
line-height: normal;
}


/*------------------------------
 =common-style
------------------------------*/
.btm1e {
margin-bottom: 1em;
}

.btm0 {
margin-bottom: 0;
}

.bold {
font-weight: bold;
}

iframe {
border:1px solid #999999;
margin-bottom: 10px;
padding:5px;

}
.tiptext {
  filter:alpha(opacity=85) /* IE */;
  -moz-opacity:0.85 /* Firefox, Netscape */;
  opacity:0.85 /* Opera, Safari */;
  position:absolute;
  z-index:2;
  width:150px;
  border:2px solid;
  padding:5px;
  border-color:black;
  font-size:10pt;
  background-color:#F3F3EC;
  color:black;
  display:none
}
/*-- CSS end --*/