
    .adcBody {
        font-family : Arial, Verdana, Helvetica, sans-serif;
        font-size : 8pt;
        margin : 5px;
        padding : 0px;
    }

    div .clear {
        clear : both;
    }

    h1 {
        font-size : 23px;
        color : #000;
        text-align : center;
        font-weight : bold;
    }
    
    #overviewContent h1 {
        font-size : 23px;
        color : #666;
        text-align : left;
        font-weight : bold;
    }
    
    h2.itemPage {
        font-size : 9pt;
        color : #333
    }
    
    h3 {
        font-size : 10pt;
        color : #000;
    }

    h4 {
        font-size : 10pt;
        color : #000;
    }

    h5 {
        font-size : 8pt;
        color : #000;
    }

    a:link {
        color : #009;
        text-decoration : underline;
    }
    
    a:visited {
        color : #009;
        text-decoration : underline;
    }
    
    a:hover {
        color : #333;
        text-decoration : none;
    }
    
    a:active {
        color : #00f;
        text-decoration : none;
    }
    
    .adcDialog {
        background-color : #ccc;
        padding : 0px 0px 0px 0px;
        border : 3px solid #009;
        /*border-radius : 10px;*/
        -moz-border-radius : 10px;
        -webkit-border-radius : 10px;
        /*box-shadow : 10px 10px 20px #999;*/
        -moz-box-shadow : 10px 10px 20px #999;
        -webkit-box-shadow : 10px 10px 20px #999;
        z-index : 100;
        /*display : none;*/
        position : absolute;
        overflow : auto;
    }
    .adcDialog .titleBar {
        font-size : 10pt;
        font-weight : bold;
        padding : 2px;
        color : #fff;
        background-color : #009;
    }

    .adcFieldSet {
        padding : 5px;
        /* overflow : auto; */
        border : 1px solid #ddd;
        background : #eee; /* #9cf; */
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px                         
    }

    .adcFieldSet #fsLegend {
        text-align : center;
        font-size : 10pt;
        font-weight : bold;
        background : inherit;
    }

    .adcTabContainer:after {
	    content: ".";  
	    display: block; 
	    height: 0; 
	    clear: both; 
    	visibility: hidden; 
    }

    .adcTabContainer {
        display : inline-block;
        width : 99%;
    }
    
    .adcTabs {
        /*float : left;*/
        width : 100%;
        background-color : #fff;
    }
        
    .adcTabs ul {
        padding: 0px;
        margin: 0px;
    }
    
    .adcTabs li {
        position : relative;
        list-style : none;
        float : left;
        margin : 0px 5px 0px 5px;
    }
        
    .adcTabs .tabLabel {
        position : relative;
        background-color : #39c;
	    -moz-border-radius : 5px;
    	-webkit-border-radius : 5px;
        padding : 3px 3px 3px 3px;
        font-size : 10pt;
        cursor : pointer;
    }
    
    .adcTabs .selectedTabLabel {
        position : relative;
        background-color : #009;
        -moz-border-radius : 5px;
    	-webkit-border-radius : 5px;
        padding : 3px 3px 3px 3px;
        font-size : 10pt;
        cursor : auto;
    }    
    
	.adcTabs .selectedTabLink {
        text-decoration : none;
        font-weight : bold;
        color: #fff;
	}
	
	.adcTabs .unselectedTabLink {
        text-decoration : none;
        font-weight : bold;
        color: #fff;
	}

     /* only for IE6? */
	.adcTabs a {
        text-decoration : none;
        font-weight : bold;
        color: #ffffff;
    }
    .adcTabs a:visited {
        text-decoration : none;
        font-weight : bold;
        color : #fff;
    }


    /* 
    IE 7 hack -  may not work for buttons in tables.
    Only IE 7 doesn't process input[...] so this is
    overridden for all other browsers.  Need to use
    only if layout with default button size looks bad
    in IE 7.
    */
    input.adcBtn {
       padding : 0 .25em;
       width : 0;
       overflow : visible;
    }
	input[type="button"],input[type="submit"] {
	  width : auto;
	  margin : 0px;
      padding : 4px 6px 4px 6px;
      border : 1px solid #360;
	  /*border-color:rgba(0,0,0,0.6);*/
      font-weight : bold;
      color : #fff;
      background-color : #390; 
      /*border-radius : 6px;*/
      -moz-border-radius : 6px;
      -webkit-border-radius : 6px;
	  /*box-shadow : 0px 2px 5px rgba(0,0,0,0.6),
	               inset 0px -5px 10px rgba(0,0,0,0.5),
	               inset 0px 0px 7px rgba(255,255,255,1);*/
	  -moz-box-shadow : 0px 2px 5px rgba(0,0,0,0.6),
	                    inset 0px -5px 10px rgba(0,0,0,0.5),
	                    inset 0px 0px 7px rgba(255,255,255,1);
	  -webkit-box-shadow : 0px 2px 5px rgba(0,0,0,0.6),
	                       inset 0px -5px 10px rgba(0,0,0,0.5),
	                       inset 0px 0px 7px rgba(255,255,255,1);
      /*	                       
      transform:rotate(-16deg);
      -o-transform:rotate(-16deg);
	  -moz-transform:rotate(-16deg);
	  -webkit-transform:rotate(-16deg);
	  */
    }
    input[type="button"]:hover,input[type="submit"]:hover {
	  /*opacity:0.8;*/
	  color : #ff9;
	}
    input[type="button"]:active,input[type="submit"]:active {
        padding:3px 5px 3px 5px;
        margin:1px;
        /*border-radius:5px;*/
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        /*box-shadow:inset 0px -5px 10px rgba(0,0,0,0.5),
	               inset 0px 0px 7px rgba(255,255,255,1);*/
	    -moz-box-shadow:inset 0px -5px 10px rgba(0,0,0,0.5),
	                    inset 0px 0px 7px rgba(255,255,255,1);
	    -webkit-box-shadow:inset 0px -5px 10px rgba(0,0,0,0.5),
	                       inset 0px 0px 7px rgba(255,255,255,1);
    }
    input[type="button"][disabled],input[type="submit"][disabled] {
        color : #eee;
        background-color : #ddd;
        font-style : normal;
        border : 1px solid #999;
        /*opacity : 0.8;*/
        /*filter : alpha(opacity=80);*/
    }
        
    /* general tooltips */
    .tip_image {
        padding:5px;
        background-color:#fff;
    }
    
    /* item listing tooltips */
    .item_tip_image {
        padding:5px;
        background-color:#fff;
        width:250px;
        height:250px;
        text-align:center;
        min-height:250px;
        display:table-cell;
        vertical-align:middle;
    }
    
    /* primary style for most text. */
    .stdtext {
        font-size : 8pt;
        color : #000;
    }

    /* secondary style for some notes or instructional text appearing on forms. */
    .subtext {
        font-size : 8pt;
        color : #444;
        background-color : #FFF;
    }

    /* hilight error messages or other critical notes. */
    .errortext {
        font-size : 10pt;
        color : #F30;
        font-weight : bold;
    }

    /* used by custom note tag. */
    .notecomp_text {
        font-size : 8pt;
        color : #36C;
    }

     /* used by custom note tag. */
    .itemtype_text {
        font-size : 10pt;
        color : #00008B;
    }
   
    /* used by custom note tag. */
    .notecomp_warningtext {
        font-size : 10pt;
        color : #F30;
        font-weight : bold;
    }

    /* notes, instructions or other secondary text appearing on a form. */
    .notetext {
        font-size : 8pt;
        color : #000;
        /*background-color:    #FFFFFF;*/
        /* vertical-align:      top; */
    }

    /* Note text with blue color */
    .ordernotetext {
        font-size : 8pt;
        color : #009;
        /*background-color:    #FFFFFF;*/
        /* vertical-align:      top; */
    }

	/* section of a form. */
    .subform {
        font-size : 8pt;
        color : #000;
        background-color : #CCC;  /*#F0F0F0;*/
    }

    /* basic settings for a form (use as class param for a DIV). */
    .stdform {
        font-size : 8pt;
        text-align : left;
        background-color : #FFF;
        padding : 0px;
        margin : 5px;
        border : 0px solid #FFF;
        width : 98%;
    }

    /* primary headings used in tables and forms. */
    .stdheading {
        font-size : 8pt;
        font-weight : bold;
        text-align : center;
        color : #FFF;
        background-color : #000;
        padding : 5px;
    }

    /* page-level headings */
    .pageheading {
        font-size : 16pt;
        font-weight : bold;
        text-align : center;
        color : #000;
        /*background-color : #FFF;*/
        padding : 5px;
    }

    /* section-level headings (for example, Quick Add and Recommended Items on the Cart page) */
    .sectionheading {
        font-size : 10pt;
        font-weight : bold;
        text-align : center;
        color : #000;
        padding : 5px;
    }

    .adcTable th {
        font-size : 8pt;
        font-weight : bold;
        text-align : center;
        padding : 4px;
        color : #000;
        background-color : #CCC;
        /*border-right : 1px solid #ccc;*/
    }
    /*
    .adcTable td {
        border-right : 1px solid #ccc;
     }
    */
    .adcTable th a {
        color : #000;
        text-decoration : none;
        font-weight : bold;
    }
    .adcTable th a:visited {
        color : #000;
    }
    .adcTable th a:hover {
        color : #fff;
    }
    .adcTable td {
        font-size : 8pt;
        padding : 2px 4px 2px 4px;
    }

    .adcStriped tr:nth-of-type(even) {
        background-color : #fff;
    }
        
    .adcStriped tr:nth-of-type(odd) {
        background-color :#eee; 
    }
        
    /*
    reference by limit user tags
    but does nothing?
    */
    fieldset.adctile {
        background-color : #EDEDED;
    }
    
    .evenRow {
        font-size : 8pt;
        background-color : #FFF;
        padding : 2px 5px 2px 5px;
        margin : 0px;
    }
    .oddRow {
        font-size : 8pt;
        background-color : #eee;
        padding : 2px 5px 2px 5px;
        margin : 0px;
    }
    .selectedRow {
        font-size : 8pt;
        color : #fff;
        background-color : #3399cc; /*#009;*/
        padding : 2px 5px 2px 5px;
        margin : 0px;
        border : 1px solid #3399cc; /*#009;*/
    }
    .selectedRow a {
        color : #fff;
    }
    
    /*
    product listing, shopping cart, or other
    table, level 2 on PHP.
    */
    .evenRowLevel2 {
        font-size : 8pt;
        /*background-color : #ccc;*/
        padding : 2px 5px 2px 5px;
        margin : 0px;
    }
    .oddRowLevel2 {
        font-size : 8pt;
        background-color : #fff;
        padding : 2px 5px 2px 5px;
        margin : 0px;
    }
    .selectedRowLevel2 {
        font-size : 8pt;
        background-color : #EBFF33;
        padding : 2px 5px 2px 5px;
        margin : 0px;
    }

    /* QuoteItemList */
    .quoteitemlist {
        font-size : 8pt;
        color : #000;
        background-color : #f33;
    }
    table.quoteitemlist {
        background-color : #f33;
    }
    table.quoteitemlist td {
        background-color : #EDEDED;
    }
        
    /* secondary headings used in tables and forms. */
    .subheading {
        font-size : 8pt;
        font-weight : bold;
        text-align : left;
        padding : 5px;
        color : #FFF;
        background-color : #000;
        padding : 0px 5px 0px 5px;
    }

    /* Category heading */
    .category
        {
        font-size : 8pt;
        font-weight : bold;
        text-align : center;
        /*background-color:    #CCCCCC;*/
        padding : 5px;
        }
        
    /* sub-category headings -- mainly used in product listings */
    .subcategory {
        font-size:           10pt;
        font-weight:         bold;
        text-align:          center;
        color:               #FFFFFF;
        background-color:    #000;
        padding:             5px;
    }

    /* messages */
    /* TODO: move these to msg comps */
    .msg-type-merge {
        font-size:           10pt;
        font-weight:         bold;
        color:               #FF3300;
    }
    .msg-type-disable {
        font-size:           10pt;
        font-weight:         bold;
        color:               #FF3300;
    }
    .msg-type-critical {
        font-size:           14pt;
        font-weight:         bold;
        color:               #800000;
    }
    .msg-type-error {
        font-size:           12pt;
        font-weight:         bold;
        color:               red;
    }
    .msg-type-warning {
        font-size:           12pt;
        color:               orange;
    }
    .msg-type-general {
        font-size:           10pt;
        color:               grey;
    }
    TD.msg-type-critical {
        font-size:           12pt;
        font-weight:         bold;
        color:               #800000;
        background-color:    #CACBFA;
    }
    TD.msg-type-error {
        font-size:           12pt;
        font-weight:         bold;
        color:               red;
        background-color:    #CACBFA;
    }
    TD.msg-type-warning {
        font-size:           10pt;
        font-weight:         bold;
        color:               orange;
        background-color:    navy;
    }

	#chatstatus {
	    position: absolute; 
	    text-align: left;
	    width: 350px;
	    z-index:100;
	}
	
	option.chatmenusection {
	    font-weight: bold;
	    background: #EDEDED;    
	}

	a#button {
	    border: 1px solid;
	    border-color: #aaa #000 #000 #aaa;
	    background: #DDD;
	    color: #000;
	    width: 8em;
	    white-space: nowrap;
	    text-decoration: none;
	    text-align: center;
	    font-weight: bold;
	}
	
	a#button:hover {
	    position: relative;
	    top: 1px;
	    left: 1px;
	    border-color: #000 #aaa #aaa #000;
	}

	/* Ajax auto-completion.*/
	div.autocomplete {
	  position: absolute;
	  width: 180px; /* will be adjusted by script.aculo.us */
	  background-color: white; border: 1px solid #888;
	  margin: 0px; padding: 0px;
	  overflow: auto; height: 14em;
	}
	div.autocomplete ul {
	  list-style-type: none; margin: 0px; padding: 0px;
	}
	div.autocomplete ul li.selected { color: #FFFFFF; background-color:  #0037DB}
	div.autocomplete ul li.selected span { color: yellow;}
	div.autocomplete ul li span { color: green;}
	
	div.autocomplete ul li {
	  list-style-type: none; display: block;
	  margin: 0; padding: 0.1em; height: 1.5em; line-height: 1.5em;
	  cursor: pointer;
	}

	.suggest_link {
	    color : #000;
	    background-color: #A8BEFF;
	    padding: 2px 6px 2px 6px;
	}

