body {
    margin:.71em .71em .71em .71em;
    padding: 0em;
    min-width: 800px;
    width: expression(document.body.clientWidth < 800 ? '800px' : '1200px' );
    text-align: center;
    }

body, table {
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 9pt;
    line-height: 13pt;
    }
td { text-align: left; }

b { color: #333333; }

tt {
    font-family: "Lucida Console";
    font-size: 9pt;
    }

.search { padding-top: 1em; float: right; margin-right: 1em; margin-top: .2em; white-space: nowrap; }

#main {
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    border-bottom:1px solid #333333;
    width: 900px;
    margin: auto;    
    }

#main1 {
		margin: 0;
        padding:0;
		background:white url("http://www.orbeon.com/images/left-column-white.png") top left repeat-y;
     }

#main2 {
		margin:0;
        padding:0;
		background:url("http://www.orbeon.com/images/right-column-white.png") top right repeat-y;
		}

#main2-home {
		margin:0; padding:0;
		background:url("http://www.orbeon.com/images/right-column-orange.png") top right repeat-y;
		}

#leftcontent {
		width:161px;
		margin:0; padding:0;
        line-height: 15pt;
        vertical-align: top;
        border-right: 1px solid #CCCCCC;
        background: #FCF6D3;
        padding-bottom: 1em;
		}

#rightcontent {
		width:190px;
		margin:0; padding:0;
        vertical-align: top;
        background: #FCF6D3;
        border-left: 1px solid #CCCCCC;
        padding-bottom: 1em;
		}

.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}


#rightcontent p {
        font-size: x-small;
		}

#banner {
		background:#fff;
		height:4em;
        white-space: nowrap;
        margin-bottom: 1em;
        margin: auto;
        width: 900px;
        }

#bottom-navigation {
       text-align: center;
       font-size: xx-small;
       margin: 0.5em;
    }

#copyright {
       text-align: center;
       font-size: 8pt;
       line-height: 11pt;
       padding: 0.5em;
       margin: auto;
       width: 900px;
    }

#bottom-logos {
       text-align: center;
       padding: 0.5em;
       margin: auto;
       width: 900px;
}



h1 {
		font-size:14pt;
		padding-top:.71em;
		}

#banner h1 {
		font-size:14pt;
		padding:.71em .71em 0em .71em;
		margin:0em;
		}

.tabs {
        background-image:  url('http://www.orbeon.com/orbeon-theme/images/tabbar.png');
        background-repeat: repeat-x;
        min-width: 800px;
        white-space: nowrap;
        height: 23px;
        font-weight: normal;
        color: #333333;
        font-size: 8pt;
        text-transform: uppercase;
        letter-spacing: .1em;
        font-weight: bold;
        clear: both;
        margin: auto;
        text-align: center;
	}

.tab:visited {
     color: #000;
    }


.tab {
        color: #000;
        margin: 0 0 0 0;
        padding: 0em 1em 0em 1em;
        height: 17px;
        position: relative;
        top: 3px;
        border-left: 1px solid white;
     }



.tab:hover {
        color: #000;
		background-color: #FF9933;
        text-decoration: none;
     }


.tab-selected {
        position: relative;
        top: 3px;
        line-height: 0px;
        margin: 0 0 0 0;
        padding: 1px 1em 0em .5em;
        background-image:  url('http://www.orbeon.com/orbeon-theme/images/tab-shadow-top.png');
        background-repeat: repeat-x;
        background-color: #FFF;
      }

.tab-selected-left {
        position: relative;
        top: 3px;
        margin: 0 0 0 0;
        padding: 1px 0em 0em 0em;
        background-image:  url('http://www.orbeon.com/orbeon-theme/images/tab-shadow-left.png');
        background-repeat: no-repeat;
        background-color: #FFF;
      }

ul {
    list-style-type: square;
    }



.left-menu        { margin: 2em 0 0 2em; padding: 0 0 0 0; list-style-type: none; list-style-image: none; }
.left-sub-menu    { margin: .5em 0 2em 1em; padding: 0 0 0 0; list-style-type: none; list-style-image: none; }
.left-sub-menu li { padding-top: .5em; }
.left-sub-menu li { padding-top: .5em; }
.left-selected    { font-weight: bold; color: #333; }


#left-link {
             display: block;
             height: 15px;
             color: #333333;
             font-weight: bold;
             padding: 0.5em .5em 1em .5em;
             text-decoration: none;
             margin-left: 2em;
             list-style-type: none;
             list-style-image: none;
           }

#left-link:hover {
             color: #FF9933;
             text-decoration: none;
           }

#left-link-selected {
             display: block;
             height: 15px;
             font-weight: bold;
             padding: 0.5em .5em 1em 2.5em;
             text-decoration: none;
             margin-left: 10em;
             list-style-type: none;
             list-style-image: none;
             color: #FF9933;
           }

a {
     color: #666699;
     text-decoration: none;
   }

a:hover {
    text-decoration: underline;
    }


#leftcontent h1 {
    background-repeat: repeat;
    background-position: 0 1px;
    height: 1.5em;
    color: #000;
    font-weight: bolder;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 10pt;
    color: #333333
    text-align: center;
    padding: 0.1em .5em .1em .5em;
    margin-top: 1em;
    margin-left: 0.1em;
    margin-right: 0.1em;
    margin-bottom: 1em;
    }

#centercontent {
    margin:0px 190px 0px 161px;
    background: white;
    vertical-align: top;
    padding-bottom: 1em;
}

#centercontent h1 {
    font-family: Arial, Helvetica, Geneva, sans-serif;
    background-image: url('http://www.orbeon.com/orbeon-theme/images/stripes-orange.png');
    background-repeat: repeat;
    background-position: 0 1px;
    color: #333333;
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
    padding: .5em .5em .5em 1em;
    margin: 0em;
    }

#centercontent h2 {
    font-size: 15px; font-weight: bold; color: #f83;
    background: none;
    margin-top: 2em;
    margin-left: 1.5em;
    padding: 0;
}

#centercontent h3 {
    color: #333333;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 2em;
    margin-left: 2em;
}

#centercontent h4 { color: #333333;
     font-weight: bold;
     margin-left: 0.5em;
}

#centercontent h5 {
      padding: 0.5em;
}

#centercontent img {
    display: block;
    position: relative;
    left: 10em
    background-color: white;
}

#centercontent p, #centercontent div {
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

#centercontent img {
    align: center;
}

#centercontent table {
    font-size: 10pt;
    border: collapse;
}

.home-title, .home-pitch, .home-get, .home-get-image, .home-get-link, .large-title, .get-started-table, .examples-list {
    text-align: center;
}
    
.home-title table, .home-pitch table, .home-get table, .large-title table, .examples-list table, .get-started-table {
    margin: auto;
}

.home-title { margin-top: .5em; }
.home-pitch { margin-top: .5em; }
.home-pitch table { width: 90%; }
.home-pitch td { width: 50%; background-color: #FCF6D3; 
    border: 5px solid white; padding-top: 5px; vertical-align: top; }
.home-pitch-header { font-weight: bold; text-align: center; }
.home-pitch ul { margin-bottom: 1em; padding-bottom: 0; }    
.home-get { margin-top: 1em; margin-bottom: 1em; }
.home-get img { border: none; display: inline; margin: auto }
.home-get table { margin: auto }
.home-separator { padding-left: 2em; }
.home-get-link { padding-top: .5em; }
.home-question-link { text-align: center; margin-top: 2em; }
.large-title { padding-bottom: 1em; padding-top: 1em; }
.large-title-text { font-size: 25px; line-height: 1.5em; font-weight: bold; color: #f83; padding-left: 1em; }
.examples-list { margin-left: 2em; margin-right: 2em; margin-bottom: 2em; }
.examples-list-link { text-align: center; }
.examples-list-image { border: 0; }
.examples-list-title { font-size: 15px; font-weight: bold; color: #f83; padding-bottom: .5em; display: block; }
.examples-list-left { padding-top: 2em; }
.examples-list-right { vertical-align: top; padding-top: 3em; }
#centercontent div.get-started-table { margin: 3em 4em 3em 4em; }

.grid { border: collapse; }
.grid th { background-color: #FFCC66 }
.grid td { padding: .5em .5em .5em .5em; }
.grid td { background-color: #FCF6D3 }

.support-service-overview { margin-top: 1em; }
.support-service-overview th, .support-service-overview td { padding: 1em 2em 1em 2em; }

.plans-grid th, .plans-grid td { padding: .7em .2em .7em .2em; text-align: center; }
.plans-grid { margin:auto; }
.plans-grid-container { text-align: center; }

td.grid-checkout { background-color: white; margin: 0; padding: 0; }

.contact-us { font-size: 16px; margin: 0; padding: 0; }
.learn-more { display: block; margin-top: .2em; margin-left: 2em; }

.box {
     font-size: 9pt;
     margin: auto;
    }
.box-spacer { padding-top: 1em; }
.box-header {  
     background: url('http://www.orbeon.com/orbeon-theme/images/box-header.png') top left no-repeat;
     text-align: center;
     color: white;
     font-size: 10pt;
     font-weight: normal;
    }

.box-middle {
     background: url('http://www.orbeon.com/orbeon-theme/images/box-middle.png') top left repeat-y;
     color: #333333;
     padding: 10px;
    }

.box-footer {
    background: url('http://www.orbeon.com/orbeon-theme/images/box-footer.png') top left no-repeat;

    }

.box-header-orange {  
     background: url('http://www.orbeon.com/orbeon-theme/images/box-header-orange.png') top left no-repeat;
     text-align: center;
     color: #333333;
     font-size: 10pt;
     height: 1.5em;
     font-weight: normal;
    }

.box-middle-orange {
     background: url('http://www.orbeon.com/orbeon-theme/images/box-middle-orange.png') top left repeat-y;
     padding: 10px;
    }

.box-footer-orange {
    background: url('http://www.orbeon.com/orbeon-theme/images/box-footer-orange.png') top left no-repeat;

    }

.gridtable table th {
    background-color: #FCF6D3;
    color: #333333;
    text-align: center;
    padding: .3em;
	border:	1px solid #FFCC66;
   }

.gridtable table td {
    background-color: #ffffff;
    color: black;
    padding: .2em;
	border:	1px solid #FFCC66;
    margin:	0px;
    }

.image {
    margin-top: 1em;
    margin-bottom: 1em;
    
    text-align: -moz-center;
        
}

.image a img{
    border: 0px;
}


.legend {
    text-align: center;
    font-style: italic;
    margin-top: 0.5em;
}

.news-feed {
    text-align: right;
    margin-right: 1.5em;
}

/* XML Formatting classes */
.xml-source {margin-left: 3em;}
.cd {margin-left: 0px; margin-top: 0px; margin-bottom: 0px}
.rd {margin-left: 0px; margin-top: 0px; margin-bottom: 0px}
.id {margin-left: 2em; margin-top: 0px; margin-bottom: 0px}
.x  {cursor: pointer; cursor:hand}
.c  {}
.t  {font-weight: bold;}

@media print {
    @page {
       margin-left: 1.5cm;
       margin-right: 1.5cm;
       margin-top: 2cm;
       margin-bottom: 2cm;
    }

   #main {
    border-right: 0px;
    border-left: 0px;
    border-bottom:0px;
   }
   #leftcontent { visibility: collapse }
   #rightcontent { visibility: collapse;}
   .tabs { visibility: collapse }
   .tab { visibility: collapse }
   #cleaner { visibility: collapse }
   #banner { visibility: collapse;}
   #centercontent { position: relative; top: -2cm; left: -3.5cm; width: 15cm;}
   #centercontent p {width: 100%;  margin: 2em 0 0 0; padding: 0}
   #centercontent h1 {background-image: none;}
}