body {
    margin: 10px;
    font-size: 80%;
}

td,div,span,body,p {
    /*font-size: 100%;*/
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #444;
}

div {
  padding: 0px;
  margin: 0px;
}

td {
  /*font-size: 80%;*/
  vertical-align: top;
}

th {
  background-color: #ccc;
  /*font-size: 80%;*/
  font-weight: bold;
  text-align: left;
  padding-left: 2px;
}

dl{

}

dt {
       font-weight: bold;
       margin-left: 1em;
}

dd {
       margin-left: 1em;
       padding-bottom: 1em;
}

input, select {
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
}

input {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #F7F7EE;
    border: 1px solid #666666;
    padding: 1px;
}

/* input[type="submit"],input[type="button"],input[type="reset"],button { */
input.button {
    color:black;
    background-color:#ddd;
    border:1px solid #444;
    font-size:11px;
    font-family:Verdana,Helvetica,sans-serif;
    font-weight:normal;
    margin-top: 4px;  
}

textarea {
    color: #333;
    background-color: #F7F7EE;
    border: 1px solid #666666;
}

select,option {
    color: #333333;
    background-color: #F7F7EE;
}

.eg {
  font-family: Courier;
  font-size: 90%;
  margin-left: 1em;
}

div#topNavContainer a {
    color: #444;
}

/*hr.clearer {
  display: block; 
  clear: both; 
  margin: -0.66em 0;
  visibility: hidden;
}*/

div#mainContent {
    /*margin-left: 150px;*/
    /*position: absolute;*/
    float: right;
    width: 590px;
    padding-left: 8px;
    /*top: 0px;
    left: 150px;
    border: 1px solid green;*/
}

div#contentHolder {
  position: relative;
  padding: 0px;
  margin: 0px;
  margin-bottom: 8px;
  /*border: 1px solid red;*/
  float: left;
}

/* everything is contained within this */
div#main {
  width: 740px;
  position: relative;
  left: 10%;
  padding:0px;
  /*border: 1px solid blue;*/
}

div#topstrap {
   font-size: 140%;
   font-style: italic;
   font-weight: bold;
   position: relative;
   left: 0%;
   width: 100%;   
   margin-bottom: 0.2em;
   border-bottom: 2px solid #ddd;
   padding-bottom: 2px;
}

div#catchphrase {
   font-size: 90%;
   font-style: italic;
   font-weight: bold;
   position: relative;
   width: 100%;
   text-align: right;
   margin-bottom: 0.3em;
   padding-bottom: 2px;
}

/**********/
/* footer */
/**********/

div#footerleft {
  font-size: 75%;
  float: left;
  width: 25%;
}

div#footerright {
  font-size: 75%;
  text-align: right;
}
div#footer {
  margin-top: 1em;
  border-top: 2px solid #ddd;
  padding-top: 2px;
  clear: both;
}
div#footerright a {
  /*font-size: 10px;*/
  font-weight: normal;
  color: #444;
}

/**********/

/*************************/
/* two column containers */
/*************************/

div#twocolleft {
  float: left; 
  width: 436px;
  padding-left: 0px;
  margin-left: 0px;
  /*border: 1px solid blue;*/
}

div#twocolright {
  float: right; 
  width: 142px;
  background: #eee;
  padding: 6px;
}

/**********/

div.newssummary {

}

td.header, td.header a {
    background-color: #aaa;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    padding: 2px;
}

td.administration_cell {
    padding-left: 5px;
    padding-right: 5px;
}

h1,h2,h3 {
  font-weight: bold;
}

h1 {
  font-size: 140%;
}

h2 {
  font-size: 110%;
  margin-bottom: 0em;
  margin-top: 0em;
}

h3 {
  font-size: 100%;
  margin-bottom: 0em;
}

h4 {
  font-size: 90%;
  font-style: italic;
  margin-bottom: 0em;
}

p {
  margin-top: 0.3em;
  margin-bottom: 1.5em;
}

a:visited, a:link {
    text-decoration: none;
    font-weight: bold;
    color: #038CCB;
}

a:hover {
  text-decoration: underline;
}

a:visited.mngmntlink, a:link.mngmntlink {
    color: #038CCB;
}

a.navigation_link {
    color: #000;
}

a.disabled {
    font-style:italic;
    font-weight: normal;
}

div#mainContent a:visited, div#mainContent a:link{
    font-weight: normal;
    /*border-bottom: 1px dashed #038CCB;*/
}

div#mainContent a:hover {
    text-decoration: none;
    background-color:#e9e9e9;
}

/* top title */
div#toptitle{
    color:#eee;
    /*background-color:#BAD19D;*/
    background-color: #444;
    /*font-family:Verdana,Helvetica,sans-serif;*/
    font-weight:bold;
    font-size:15px;
    white-space:nowrap;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left:3px;
    padding-right:0px;
    height: 25px;
    width: 100%;
    /*border: 2px solid #639B1B;*/
}

div#toptitle h1 {
    /*font-family:Verdana,Helvetica,sans-serif;*/
    font-weight:bold;
    font-size:15px;
    padding-top:3px;
    padding-bottom: 3px;
    padding-left: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.moduletitle {
    font-weight: bold;
    font-size: 11pt;
}

abbr {
    cursor: help;
    border-bottom: 1px dashed #ccc;
}

/********************/
/*** left nav bar ***/
/********************/

div#leftSidebarContainer {
    width: 120px;
    background: #eee; 
    padding: 8px;
    margin-right: 0px;
    border: 1px solid #00a0e4;
    float: left;
    margin-bottom: 15px;
    /*position: absolute;
    left: 0px;
    height: 100%;
    height: 100; */
    /*float: left;*/
    /*left: 0px;*/
    /*top:155px;*/
}

div#leftSidebarContainer h2, div#leftSidebarContainer h3 {
   display: none;
}
/*
div#leftSidebarContainer * a, div#leftSidebarContainer a {
    color: #fff;
}

div#leftSidebarContainer>* {
    color: #eee;
}*/

div#narrowsearchcontainer {
    padding: 0px;
    margin: 0px;
}

div#leftSidebarContainer input {
    font-size: 80%;
}

div#leftSidebarContainer input#narrowsearch {
    margin-top: 6px;
    width: 100px;
}

div#leftSidebarContainer input.button{
    border:1px solid #00a0e4;
}

#navcontainer {
    padding: 0px;
    margin: 0px;
    width: 120px;
    /*position: relative;
    left: 6px;
    max-width: 15%;*/
    }

#navcontainer ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    background-image: none;
}

#navcontainer li {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
    
#navcontainer a
{
    font-size: 100%;    
    color: #FFFFFF;
    padding: 3px 0px 3px 10px;
    margin: 0px;
    text-decoration: none;
    display: block;
    width: 90%;
    font-weight: bold;
}

#navcontainer .inactivelink
{
    font-size: 100%;

    color: #777777;
    padding: 3px 0px 3px 10px;
    margin: 0px;
    text-decoration: none;
    display: block;
    width: 100%;
    font-weight: normal;
}

#navcontainer a:hover
{
    /*background: #666;*/  
    width: auto;
    text-decoration: underline;
}

/*
#navcontainer a.navcurrent 
{
    background: transparent;
    color: #ffffff;
    width: auto;
}
*/

#navcontainer li.nav0 {
    background-image: url(images/navbg.gif);
    background-repeat: no-repeat;
    color: #fff;
    white-space: normal;
}

/*
#navcontainer li.nav0 a.navcurrent:hover {
    color: #fff;
}

#navcontainer li.nav0 ul.navlist {
    list-style-image: url(images/menu-iconside.gif); 
    list-style-position: inside;
}
*/

/*    
#navcontainer li.nav1 ul.navlist {    
    list-style-type: circle;
    list-style-position: inside;
}
*/

#navcontainer li.nav1
{
    background-image: none;    
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0;    
    color: #ccd0d6;
    background-color: transparent;    
    text-decoration: none;
    white-space: normal;
}

#navcontainer li.nav1 a
{
    display: block;
    padding: 3px 0px 3px 20px;
    margin: 0;
    width: auto;
    background-color: transparent;
    color: #00a0e4;
    font-size: 85%;
    font-weight: normal;
}

#navcontainer li.nav1 .inactivelink
{
    display: block;
    padding: 3px 0px 3px 20px;
    margin: 0;
    width: auto;
    background-color: transparent;
    color: #777777;
    font-size: 85%;
}

#navcontainer li.nav1 a:hover
{
    text-decoration: underline;
    background-color: transparent;
    width: auto;
}


#navcontainer li.nav1 a.navcurrent 
{    
    background: transparent;
    color: #444;    
}
/*
#navcontainer li.nav1 a.navcurrent:hover 
{
    background: transparent;
    text-decoration: underline;
}
*/
#navcontainer li.nav2 a,#navcontainer li.nav2 .inactivelink
{
    padding-left: 30px;
} 

    
#navcontainer li.nav3 a,#navcontainer li.nav3 .inactivelink
{
    padding-left: 35px;
}    

#navcontainer li.nav4 a,#navcontainer li.nav4 .inactivelink
{
    padding-left: 40px;
} 


/***************/
/* bread crumb */
/***************/

div#breadcrumbtrail {
/*  position: relative; 
    padding: 0px; 
    margin: 0px; 
    width:436px; */
    float: left;
}

div#breadcrumbtrail a.breadcrumb:visited, div#breadcrumbtrail a.breadcrumb:link { 
  color:#000000;
  font-family:Verdana,Helvetica,sans-serif;
  font-weight: normal;
  border-bottom-style: none;
  font-size:85%;
}

div#breadcrumbtrail a.breadcrumb:hover{
  color:blue;
  background-color:#e9e9e9;
  font-family:Verdana,Helvetica,sans-serif;
  font-weight: normal;
  border-bottom-style: none;
  font-size:85%;  
}

.breadcrumbmarker {
  font-size: 90%;
}

/*Fat Erik's Breadcrumbs*/
#crumblist
{
list-style: none;
padding: 0;
margin: 0;
}

#crumblist li
{
display: inline;
padding: 0;
margin: 0;
}

#crumblist li:before { content: "> "; }
#crumblist li:first-child:before { content: ""; }

/* IE stuff in iestyle.css */

/*************************/
/* Descendant navigation */
/*************************/

div#descendantsnavcontainer ul {
    margin: 0px;
    padding-left: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*************************/
/* Site map navigation */
/*************************/

div#siteMapContainer ul {
    margin: 0px;
    padding-left: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#siteMapContainer li.nav0 {
  list-style-image: url(images/folderopen.png);
  margin-left: 20px;
  padding-left: 3px;
}

div#siteMapContainer li.nav1 {
  list-style-image: url(images/menu-iconside.gif);
}

div#siteMapContainer li.nav0 a:hover, 
div#siteMapContainer li.nav0 a:link, 
div#siteMapContainer li.nav0 a:visited {
  border-bottom-style: none;
  /*font-size: 80%;
  color: red;*/
}

/*************************/
/* Client list stuff     */
/*************************/
div.quotebox-right {
  font-weight: bold;
  background-color: #cccccc;
  padding: 8px;
  width: 150px;
  float: right;
  margin-left: 8px;
}

div.quotebox-left {
  font-weight: bold;
  background-color: #cccccc;
  padding: 8px;
  width: 150px;
  float: left;
  margin-right: 8px;
}

blockquote.left {
  font-weight: bold;
  background-color: #cccccc;
  padding: 8px;
  width: 150px;
  float: left;
  margin: 0px;
  margin-right: 8px;  
}

blockquote.right {
  font-weight: bold;
  background-color: #cccccc;
  padding: 8px;
  width: 150px;
  float: right;
  margin: 0px;
  margin-left: 8px;  
}


p.quote_author {
  font-style: italic;
  font-weight: normal;
  margin: 0px;
  text-align: right;
}

div.client_list_item {
  border-top: 1px solid #CCC;
  padding-top: 4px;
  float: left;
}

img.client_site_left {
  border: none ;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #ccc;
}

img.client_site_right {
  border: none ;
  float: right;
  margin-left: 8px;
  margin-bottom: 8px;
  border: 1px solid #ccc;
}

/*************/
/* CSS forms */
/*************/

div.formrow {
  clear: both;
  padding-top: 5px;
  }

div.formrow label {
  float: left;
  width: 50%;
  text-align: left;
  }

div.formrow span.label {
  float: left;
  width: 25%;
  text-align: left;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  }

div.formrow span.formfield {
  float: left;
  text-align: left;
  }
  
div#paypal_form {
  width: 70%;
  
}

/******************/
/* Downloadmodule */
/* layout         */
/******************/

div.dlcontainer {
  border: 1px solid lightgrey; 
  float: left;
  margin-bottom: 5px;
  margin-top: 5px;
}

ul.dlcontainer {
  border: 1px solid lightgrey; 
  float: left;
  margin-bottom: 5px;
  margin-top: 5px;
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

div.dlrow {
  clear: both;
  padding: 5px;
  }

li.dlrow {
  clear: both;
  padding: 5px;
  }  

div.dlicon  {
  float: left;
  width: 5%;  
  }

div.dltext {
  float: left;
  text-align: left;
  margin: 0px;
  padding: 0px;
  width: 95%;
  }




/* Error Message Style */
div.error {
    font-weight: bold;
    color: #F00;
    padding-bottom: 1em;
}

/* Container Styles */
div.container_box {
    padding: 0px;
    margin: 0px;
}

/*div.container_box {
    padding: 6px;
    margin: 2px;
}*/

div.container_editbox {
    border: 2px dashed #CCC;
    margin: 2px;
}

div.container_editheader {
    padding: 3px;
    background-color: #ccc;
}

div.container_editheader table tr td.info {
    font-size: 8pt;
    font-weight: bold;
}


div.itemtitle {
    font-family: Arial, Verdana;
    font-weight: bold;
}

div.news_itemtitle {
    padding-bottom: 10px;
    border-top: 1px solid #888;
}

div.news_itemdate {
  font-weight: normal;
  font-size: 70%;
}

h2.news_itemtitle {
    margin-top: 10px;
}
/* popup date / time control */
span.datefield {
    
}

span.datefield_disabled {
    color: #DDD;
    font-style: italic;
    text-decoration: line-through;
}

/* Weblog styles */
div.weblog_comment {
    margin: 3px;
    margin-bottom: 1em;
    border: 1px dashed #DDD;
}

div.weblog_comment_title {
    font-size: 10px;
    font-weight: bold;
    background-color: #DDD;
    padding: 2px;
}

div.weblog_comment_attribution {
    font-size: 10px;
    font-style: italic;
    padding: 5px;
}

div.weblog_comment_body {
    font-size: 10px;
    padding: 5px;
}

/* Workflow */
div.workflow_action {
    border: 1px solid #DDD;
    margin-bottom: 1em;
}

div.workflow_inapproval {
    margin-left: 35px;
}

div.workflow_approved {
    border: 2px solid #030;
    background-color: #DDD;
}

div.workflow_action_restored {
    border: 2px dashed #030;
    background-color: #FFF;
}

div.workflow_action_posted {
    border: 2px solid black;
}

/* Themable Forms */
div.form_title {
    font-size: 14px;
    font-weight: bold;
}

div.form_header {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    margin-bottom: 1em;
}

tr.even_row {
    background-color: #DDD;
}

tr.row:hover td, tr.row:hover td a {
    background-color: #666;
    color: #fff;
}

tr.odd_row {
    
}

/** custom faqmodule styles **/
h3.question_list_category_title {

}

ul.question_list{

}

h3.category_title {       
       border-top: 1px solid #DDD;
}


dl.faqmodule{
/*      border: 1px solid #999900;
        margin: 2px; 
*/
}

dt.faqmodule {
       font-weight: bold;
       margin-left: 6px;
}

dd.faqmodule {
       margin-left: 12px;
       padding-bottom: 10px;
/*      border: 1px solid #009999;
        margin: 2px;       
*/
}

div.faqmodule_questionlist {
/*      background-color: #ffcccc; 
        border: 1px solid #000099;
        margin: 2px;*/
}

div.faqmodule_answerlist {
/*      background-color: #ffcccc; 
        border: 1px solid #009900;
        margin: 2px;*/
}

div.faqmodule_answer_category_block {
/*      border: 1px solid #990000;
        margin: 6px;  */
}

div.faqmodule_question_category_block {
/*      border: 1px solid #990000;
        margin: 6px;
*/
}

/** expandable faq module **/

ul.faq_ex_catlist {
  
}

ul.faq_ex_qlist {

}

li.faq_ex_category_title {
   list-style-image: url(images/folder.png); 
   padding-left: 3px;     
   margin-top: 0.25em;
}

li.faq_ex_category_title_open {
   list-style-image: url(images/folderopen.png); 
}

li.faq_ex_qlist {
   list-style-image: url(images/qmark_12.gif); 
   padding-left: 3px;
   margin-top: 0.25em;
}

div.faq_ex_ans {
  padding-top: 6px;
  padding-bottom: 6px;
}

a:link.faq_ex_q, a:visited.faq_ex_q {
  font-weight: normal;
} 

/** Administration Module Manager form **/
.administration_modmgrheader {
    background-color: #ddd;
}

.administration_modmgrheader span.active {
    color: green;
    font-weight: bold;
}

.administration_modmgrheader span.inactive {
    color: red;
    font-weight: bold;
}

.administration_modmgrbody {
    padding-left: 10px;
    border: 1px solid #ddd;
}

/** Debugger Styles **/
table.debug_null,table.debug_null tr td, div.debug_null {
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

table.debug_object, table.debug_object tr td {
    background-color: #a00;
    color: #fff;
}

table.debug_array, table.debug_array tr td {
    background-color: #0a0;
    color: #fff;
}

table.debug_scalar, table.debug_scalar tr td, div.debug_scalar {
    background-color: #00a;
    color: #fff;
}

td.debug_attribute {
    font-family: monospace;
    font-size: 10px;
}

td.debug_varname {
    font-weight: bold;
}

td.debug_type {
    background-color: #aaa;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

td.debug_value {
    font-family: monospace;
    font-size: 11px;
    color: #fff;
}