body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
    padding: 0;
    margin:0; 
}

#outer {
    /* background-color: #f3f2eb; */
    background: white url('/pico/leftSideBarBg.gif') repeat-y;

    min-width: 760px;                
}

td {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

h3 {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 24px;
	padding: 0;
    color: #333333;
    text-decoration: none;
    margin: 1em 0 0 0;
    padding: 1em 0 0 0;
    border-top: 1px solid #D8D2C3;
    font-weight: normal;
}

h3 a {
    text-decoration: none;
    color: black;
}

.menubar {
    color: #CCCCCC;
    font-weight: bold;
    padding: 2px;
    font-size: 11px;
    background: black;
    text-align: center;
}

.menubar a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    background: black;
    padding-right: 1em;
    padding-left: 1em;
}

.menubar a.active {
    background : #6798c7;
}

.menubar a:visited {
    color: #FFFFFF;
}
.menubar a:hover {
/*	color: #724fb4;*/
    color: white;
    background : #f3863c;
}
a {
	color: #724fb4;
	text-decoration: underline;
}

a:visited {
	color: #808080;
}

a:hover {
	color: #724fb4;
}

div.project ul.summary {
    font-family: monospace;
    list-style-type: square;
    padding-left: 10px;
}

div.projectBody table.screenshots td {
    text-align: center;
    padding: 0.5em;
    font-weight: bold;
}

.screenshotsList {
    text-align: center;
    margin: 2em;
}

.screenshotsList img {
    margin: 0 10px 0 0;  
    padding: 0 0 0 10px;
    border-left: solid 1px #6798C7;
}
.screenshotsList img.first {
    border: none;
}

img {
    border: 0;
}

div.phpSource {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2em;
    margin-right: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    border: solid 1px black;
}

div.pfItem  {
    padding-top: 2em;
    padding-left: 2em;
    padding-right: 50%;
    /*float: left; */
    /* clear: both;*/
}

.pfItem .thumbnail {
    float: left;
    padding-right: 2em;
    vertical-align: middle;
    clear: left;
}

div.pfItem ul {
    list-style-type: none;
}



img.logoClient {
    margin-bottom: 22px;
}

div.product {
	width: 22em; 
    margin: 1em 2em 1em 0;
	float: left; 
    border: solid 1px #999999;
    padding: 1em;
    background: #F3F3F3;
    height: 35em;
}    

div.product h4 {
	color: #724fb4;
    font-size: 110%;
    margin-top: 0;
    border-bottom: solid 1px black;
    text-align: center;
}

div.product table {
    border-left: solid 1px black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    margin-top: 1em;
}

div.product tr.odd {
    background: white;
}

div.product tr td:first-child {
    text-align: center;
}

div.product th {
    text-align: center;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    background: white;
}

div.product td {
    text-align: right;
    border-right: solid 1px black;
}

div.productFeatures {
    height: 18em;
}

hr {
    float: none;
    clear: both;
}

div.news {
    width: 16em;
    margin: 0;
    margin-top: 40px;
    margin-left: 2em;
    margin-bottom: 2em;
	float: right;
    clear: right;
    background: white;
    border: solid 1px black;
}

div.newsContent {
    margin: 0;
    padding: 1em;
    padding-right: 3em;
    background: white;
}

div.newsContent ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

div.newsContent li {
    margin-bottom: 1.5em;
}

div.newsContent a {
    font-weight: bold;
}

div.newsContent h4 {
    /* font-family: Georgia, "Times New Roman", serif;  */
    font-size: 13pt;
    border-bottom: solid 1px black;
    margin-top: 0.5em;
    margin-bottom: 1em;
	color: #724fb4; 
    padding-bottom: 1em;
}

p.clear {
    clear: both;
}

.resourceSummary ul {
    font-family: monospace;
    list-style-type: square;
    padding-left: 10px;
    padding-bottom: 1.5em;
}

.resourceSummary p {
    text-align: center;
}

div.resourcePreview {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    border: solid 1px black;
}

pre.sql {
    float: left;
}

.mainCopy {
    padding: 1px 10px 20px 10px;
    background-color: white; 
    margin: 0 0 0 150px; 
    font-size: 11px;
    line-height: 1.4em;
    text-align: justify;
    border-left: 1px solid #d8d2c3;
}

.mainCopy p {
    padding-left: 1em;
}

.mainCopyWithRightBar {
    padding: 0.5ex 17em 1em 1em;
}

/* ##### Footer ##### */

#footer {
    color: black;
    background-color: #e6dfcf;
    font-size: 92%;
    text-align: center;
    line-height: 1.25em;
    margin: 0;
    padding: 1em 4mm 1em 4mm;
    clear: both;
}

#footer div {
    margin: 0;
    padding: 0 0 1ex 0;
}

#footer a {
    color: black;
    background-color: transparent;
    text-decoration: underline;
    font-weight: bold;
}

#footer a:hover {
    text-decoration: none;
}

#clearFooter {
    clear: right;
}

.sectionTitle {
    border-top: 1px solid #d8d2c3;
    margin: 0;
    padding: 1em 1em 0 0;
    margin: 1em 1em 0 0;
    margin-left: 10px;
}

.sectionTitle img {
    margin: 0;
    padding: 0;
}


/* ##### Left Side Bar ##### */


.leftSideBar {
    width: 150px;
    float: left;
    clear: left;
}

.leftSideBar .sideBarTitle {
    display: block;
    color: #404040;
    background-color: #e6dfcf;
    font-weight: bold;
    margin: 0;
    padding: 0.8ex 1ex;
}

.leftSideBar .sideBarUpTitle {
    color: #404040;
    background-color: #e6dfcf;
    font-weight: bold;
    margin: 0;
    padding: 0.8ex 1ex;
    border-bottom: solid 3px #f3f2eb;
}

.leftSideBar .sideBarCurrentTitle {
    display: block;
    color: white;
    background-color: #f3863c;
    font-weight: bold;
    margin: 0;
    padding: 0.8ex 1ex;
    border-bottom: solid 3px #f3f2eb;
}

.leftSideBar .sideBarCurrentTitle a {
    color: white;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
}

.leftSideBar .sideBarCurrentTitle a:hover {
    text-decoration: underline;
    color: white;
    font-weight: bold;
}

.leftSideBar ul {
    background-color: transparent;  
    list-style-type: none;
    list-style-position: outside;
    margin: 0 0 1em 0;
    padding: 0;
}

.leftSideBar li {
    color: #a08c53;  
    margin: 1ex;
    padding: 0 0 1.25ex 0.75ex;
}

.leftSideBar a {
    color: #a08c53;
    background-color: transparent;
    text-decoration: none;
}

.leftSideBar a:hover {
    color: #404040;
    background-color: transparent;
    text-decoration: none;
}

.leftSideBar .sideBarText {
    color: #a08c53;
    background-color: transparent;
    line-height: 1.25em;
    margin: 1ex 0.25ex 1.5em 0.75ex;
    padding: 0;
    display: block;
}

.leftSideBar .sideBarText a {
    text-decoration: underline;
}

.leftSideBar .sideBarText a:hover {
    text-decoration: none;
}

.leftSideBar .thisPage {
    color: #404040;
    background-color: transparent;
    font-weight: bold;
}

.leftSideBar .adsense {
    margin-left: 5px;
    margin-top: 35px;
}

.php {
    margin-left: 1em;
    padding: 1em;
    background: #F4F4F4;
    border: dashed 1px #CCCCCC;
}
.sql, .xml, .txt {
    margin-left: 1em;
    padding: 1em;
    background: #F4F4F4;
    border: dashed 1px #CCCCCC;
    font-family: monospace;
}

.pageTitle {
    margin: 0;
    margin-left: 10px;            
    padding: 0;
    padding-top: 1em;
    margin-top: 1em;
}

.pageTitle img {
    margin: 0;
    padding: 0;
}

/* ##### Right Side Bar ##### */

.rightSideBar {
    width: 15em;
    margin: 2ex 0.75ex 0 0;
    padding: 0;
    float: right;
    clear: right;
    border: 1px solid rgb(216,210,195);
    position: relative;          
}

[class~="rightSideBar"] {
    margin-right: 1.5ex;
}

.rightSideBar .sideBarTitle {
    color: black;
    background-color: rgb(230,223,207);
    font-weight: bold;
    margin: 1.25ex 1ex;
    padding: 0.9ex 1ex;
}

.rightSideBar a {
    color: rgb(166,140,83);
    background-color: transparent;
    text-decoration: underline;
    font-weight: bold;
}

.rightSideBar a:hover {
    text-decoration: none;
}

.rightSideBar .sideBarText {
    line-height: 1.5em;
    margin: 0;
    padding: 0 2ex 1em 2ex;
    font-size: 10px;
}

.rightSideBar .more {
    text-decoration: none;
    text-align: right;
    margin: 0;
    padding: 0 2ex 1em 2ex;
    display: block;
}

.rightSideBar .more:hover {
    text-decoration: underline;
}

.rightSideBar .sideBarText .thumbnailLabel {
    text-align: center; 
    padding-top: 0.5em;
    margin: 0.4em 0 0.4em 0;
    border-top: solid 1px #d8d2c3;
}

.rightSideBar .sideBarText .thumbnailLabel#firstThumbnail {
    border-top: none;
}

#langbar {
    float: right;
}

#langbar img {
    padding: 1px 7px 0 0;
    border: none;
}

#header {
    background: white; 
}

form.globalSearchForm input.query {
    border: solid 1px #d8d2c3; 
    width: 100px;
    margin-left: 4px;
}

form.globalSearchForm input.submit {
    border: solid 2px #d8d2c3;
    background: #f3f2eb; 
    color: #a08c53;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    padding: 0;
}

table.topicNavigation td, table.topicNavigationWBorders td {
    border-top: solid 1px #D8D2C3;
}

table.topicNavigationWBorders td img {
    border: solid 2px black;
}

/* ##### Tag Cloud ##### */

.tagCloud {
    margin-top: 2ex;
    padding: 0;
    border: solid 1px #eee; 
    background: #f5f5f5; 
    line-height: normal;                
}

.tagCloud .title {
    color: #f3863c;
    font-weight: bold;
    margin: 1.25ex 1ex;
    padding: 0.9ex 1ex;
background: white;         
}

.tagCloud .links {
    padding: 0 3ex 3ex 3ex; 
}

.tagCloud .links a.earliest:link {text-decoration: none; color: #3188cf;}
.tagCloud .links a.earliest:visited {text-decoration: none; color: #3188cf;}
.tagCloud .links a.earliest:hover {text-decoration: none; color: #3188cf;}
.tagCloud .links a.earliest:active {text-decoration: none; color: #3188cf;}
.tagCloud .links a.earlier:link {text-decoration: none; color: #3188cf;}
.tagCloud .links a.earlier:visited {text-decoration: none; color: #3188cf;}
.tagCloud .links a.earlier:hover {text-decoration: none; color: #3188cf;}
.tagCloud .links a.earlier:active {text-decoration: none; color: #3188cf;}
.tagCloud .links a.later:link {text-decoration: none; color: #3188cf;}
.tagCloud .links a.later:visited {text-decoration: none; color: #3188cf;}
.tagCloud .links a.later:hover {text-decoration: none; color: #3188cf;}
.tagCloud .links a.later:active {text-decoration: none; color: #3188cf;}
.tagCloud .links a.latest:link {text-decoration: none; color: #3188cf;}
.tagCloud .links a.latest:visited {text-decoration: none; color: #3188cf;}
.tagCloud .links a.latest:hover {text-decoration: none; color: #3188cf;}
.tagCloud .links a.latest:active {text-decoration: none; color: #3188cf;}


/* Geographic (Google) Map */

#gmapContainer {
    margin-left: 1em;
    margin-bottom: 2em;
    margin-top: 2em;
    padding: 5px;
    border: solid 1px #d8d2c3;
    width: 550px; 
}

#gmap {
    width: 550px; 
    height: 400px; 
            margin-top: 5px;
}

#gmapContainer button {
    background: #d8d2c3;
    font-weight: bold;
    padding: 1px;
    margin-left: 4px;         
    border: none;
    vertical-align: middle;
    text-align: center;
    width: 15px;
    font-family: monospace;           
}

#gmapContainer .zoom {
    float: right;
           
}

p.codeDownloadLinks {
    font-weight: bold;
    margin-bottom: 1.3em;
}

p.codeDownloadLinks a {
    padding: 0.5em 0.7em;
    background: #F4F4F4;
    border: solid 1px #CCCCCC;
    margin-left: 0.6em;
    text-decoration: none;
}

.littleSquareAd {
    float: right;
    margin: 0 0 1em 1em;             
	text-align: right;			
}

.littleSquareAd a {
	display: block;
    text-align: center;
    font-size: 14px;
    padding: 1em;   
    border: solid 2px #6798c7;
    background: white;            
    text-decoration: none;
}

.littleSquareAd small {
    font-size: 9px;
    color: #464a96;
}

/* Contact Form */

#contactForm .hd {
display: none;
}

#contactForm {
    /*
    border: 1px dashed #CCCCCC;
    background: #F4F4F4;
    */
    border: 2px solid black;
    border-top: none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px;
    text-align: left;
    display: none;
}

#contactFormHead, #contactFormBody {
    display: none;
    padding-left: 1em;                
}

#contactFormHead {
    padding-top: 7px;
}

#contactForm .sectionTitle {
    border: none;
    padding: 0;
    margin: 0;
    display: inline; 
    vertical-align: bottom;             
}

#contactFormBody {
    margin: 0;
    padding: 0;        
    padding-bottom: 5px;                
    padding-top: 5px;                
}

#contactFormBody label, #contactFormBody input, #contactFormBody textarea {
    padding: 3px;
}

#contactFormBody label {
    display: block;
    float: left;             
    width: 100px;
    text-align: right;
    padding-right: 10px;
}

#contactFormBody input, #contactFormBody textarea {
    border: solid 1px #CCCCCC;
    width: 345px;            
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 11px;
}

#contactFormBody textarea {
    height: 140px;
}

#contactFormBody form {
    padding: 0;
    margin: 0;             
}

#contactFormBody .formField {
    background: #F4F4F4;
    padding: 5px;
    margin: 5px;       
}

#contactForm button {
    background: #F4F4F4;
    border: none;
}
#contactForm button img {
    vertical-align: bottom;
}

#contactFormProgress {
    float: left;
    visibility: hidden;           
}

#contactFormBody .formSubmit {
    text-align: right;
    margin-right: 5px;
}
#contactFormBody .formSubmit button {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    padding: 3px;
}

#headline {
    float: right;
    position: absolute;
    right: 25px;
    top: 25px;     
    font-size: 14px;
    font-weight: bold;
}

#headline b {
    color: #6798C7;
}

#headline a {
    color: black;
    text-decoration: none;    
}

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

#formError .bd, #formResult {
    padding: 4px;                 
    margin: 0;
    background: white;           
    border: solid 1px #CCCCCC;
    border-bottom: 0;            
    font-weight: bold;           
    font-size: 11px;
    color: #F3863C;
}


#formResult {
    border: solid 1px #CCCCCC;
    font-size: 12px;
    width: 350px;
}
#formResult .bd {
    padding: 10px;
    text-align: center;            
}
#formResult .ft {
    text-align: right;
}

/* Features List */

.featuresList {
    border-top: solid 1px #d8d2c3;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 1em;
    margin-top: 1em;
    padding-top: 1em;
}
.featuresList li {
    margin-bottom: 1em;
    display: inline-block;
}
.featuresList img {
    padding-right: 1em;
    float: left;
}
.featuresList p {
    padding-top: 1ex;             
    margin-top: 0;
    margin-left: 70px;
    min-height: 64px;

}

/* Tooltips */

.tt {
    background-color: white;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
    color: black;
    border: solid #6798C7 2px;
    padding: 4px 10px;
    font-weight: bold;             
}