/*
 Knowledgebase/support styles
*/

div#breadcrumb {
 width: 100%;
 margin: 5px 0 0 0;
 padding: 2px 0 4px 0;
 border: 0px solid red;
}

/* Support category links in datalist */

div#categories {
 /* has to play with width of p.category below */
 width: 610px;
 min-height: 75px;
 margin: 10px 0 10px 0;
}

div#categories span.category {
 margin: 0 5px 0px 5px;
 padding: 3px;
 background-color: #E6E6FA;
 line-height: 250%;
}

div#categories a.category {
 text-decoration: none;
}

div#categories a:hover {
 text-decoration: underline;
}

/* End of Support category links */

/* list of articles */

div#articles {
 
}

span.articlelink {
 margin: 0;
 padding: 2px 4px 2px 4px;
}

div#articles a.article {
 text-decoration: none;
 padding: 2px 4px 2px 4px;
 background-color: #E6E6FA;
}

div#articles a.article:hover {
 text-decoration: underline;
}

/* end of list of articles */

/* individual article */

div#article #info {
 height: 20px;
 margin: 0 0 0 0;
 padding: 1px;
 background-color: #cccccc;
}

div#article {
 margin: 20px 0 10px 0;
 padding: 0 0 2px 0;
 border: 0px solid red;
}

/* article title */
div#article .title {
 float: left;
 margin: 0 0 0 0;
 padding: 3px 0 1px 2px;
 text-align:right;
 font-size: 1.0em;
 font-weight: bold;
}

/* date of article */
div#article .date {
 float: right;
 margin: 0 0 0 0;
 padding: 4px 4px 0px 2px;
 text-align: right;
}

div#article #articlecontent {
 margin: 8px 0 8px 0;
 padding: 3px 0 0 0;
}

/* extra info about an article */
div#meta {
 margin: 0 0 0 0;
 padding: 3px 0 3px 0;
 background-color: #dcdcdc;
}

div#meta span.views {
 margin: 10px 0 0 0;
 padding: 0 0 0 2px;
 font-size: 0.8em;
}

/* end of individual article */