/*
 * This file contains the CSS for the generated content. There is a main
 * HTML file that contains the common stuff, header, menu, footer, etc...
 * and a dynamic div that the actual content gets loaded into. It just
 * does its own styles since they have nothing to do with the standardized
 * stuff used on the generated content.
 *
 * We do set a couple things on the body, so that it doesn't have to be
 * done all over the place.
 */

body{
    /* We set a base text size here and everything else is relative */
    font : Normal 9pt Verdana, sans-serif;
    color : #000000;
    background-color : #FFFFFF;
}


/* A page level title */
.PageHdr{
    font: Normal 2.5em Calibri Light, sans-serif;
    margin-left: -16px;
    text-shadow : 2px 2px 4px rgba(128, 128, 128, .4);
    font-weight : bold;
    color: #777777;
}


/*
 * Style links. Set the line height so that they can't force uneven line
 * spacing.
 */
a:link {
    color: #666666;
    display: inline-block;
    padding-bottom : 3px;
    line-height : 1em;
}

a:visited {
    color: #222222;
    line-height : 1em;
}

/* Make sure images have some top/bottom margin */
img {
    margin-top : 16px;
    margin-bottom : 16px;
}


li {
    padding-bottom : 4px;
}


/* A section level title */
.SecHdr{
    font: Normal 1.6em Calibri Light, sans-serif;
    color : #666666;
    margin-left : -12px;
    font-weight : bold;
    text-shadow : 2px 2px 4px rgba(128, 128, 128, .3);
}

/* A sub-section level title */
.SubSecHdr{
    font: Normal 1.1em Verdana, sans-serif;
    font-weight : bold;
    color : #555555;
}

/* A small note size */
.SmallNote {
    font-size : 0.75em;
}


/* A super-script */
.Superscript {
    font-size: .7em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}


/*
 * This is used instead of the usual dotted note type of thing. It has a border
 * to the left with padding all around.
 */
.BarredNote {
    font-style : italic;
    border-left : 4px solid #CCCCCC;
    padding : 1em 5em 1em 1em;
    display : table-cell;
    vertical-align : middle;
}

/* Most preformatted code type stuff is like this */
.EmphCode {
    font-weight : bold;
}

.DeemphCode {
    color : #555555;
}


/* The optional prefix of a list item */
.ListItemPref {
    color : #555555;
    font-weight : bold;
}


/* The names of commands and parameters */
.CmdParmName {
    color : #555555;
    font-weight : bold;
}

/* Common table attributes */
table {
    border : 1px solid #777777;
}

table tr td{
    border : 1px solid #777777;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 2px;
    padding-bottom : 2px;
}


/*
 *  For the small table that is used to display the name and prefix of a device class at
 *  the top of device class pages. I this case we have to override the default table border
 *  and first row bolding settings and get rid of the border.
 *
 *  For now we also have a simlar one in the CML class, so we use the same stuff for both
 *  to avoid redundancy.
 *
 *  And we use it for the action command parameters
 */
table.DevClsHdrTable,
table.CMLClsHdrTable,
table.ActCmdParmsTable,
table.EvFiltParmsTable,
table.DownloadLinksTable {
    border : 0px;
}

table.DevClsHdrTable tr td,
table.CMLClsHdrTable tr td,
table.ActCmdParmsTable tr td,
table.EvFiltParmsTable tr td,
table.DownloadLinksTable tr td {

    border : 0px;

    /* Override defaults */
    padding-left : 0px;
    padding-Right : 0px;
    font-weight : normal;
    vertical-align : top;
}

table.DevClsHdrTable tr td:first-child,
table.CMLClsHdrTable tr td:first-child,
table.ActCmdParmsTable tr td:first-child,
table.EvFiltParmsTable tr td:first-child,
table.DownloadLinksTable tr td:first-child {

    border : 0px;
    font-weight: bold;
    color : #555555;
    text-align : right;
    vertical-align : top;
}


/* A table that has headers for columns and rows */
table.HVHeaderTable tr:first-child {
    background-color : #DDDDDD;
    font-weight : bold;
    color : #555555;
}

table.HVHeaderTable tr td:first-child {
    background-color : #DDDDDD;
    font-weight : bold;
    color : #555555;
}


/* A table that has two header rows, and one column header */
table.H2VHeaderTable tr:first-child {
    background-color : #DDDDDD;
    font-weight : bold;
    color : #555555;
}

table.H2VHeaderTable tr:first-child + tr {
    font-weight : bold;
    background-color : #DDDDDD;
    color : #555555;
}

table.H2VHeaderTable tr td:first-child {
    background-color : #DDDDDD;
    font-weight : bold;
    text-align : center;
    color : #555555;
}


/*
 *  When we display a table for the fields defined by a driver or device class. Last column
 *  should be left, others centered.
 *
 *  For now it's the same as our basic table requirements (title row at the top), so we
 *  do them bothe via these same definitions.
 */
table.FldDefTable, table.BasicTable {
    width : 90%;
    border-spacing : 1px;
}

table.FldDefTable tr td, table.BasicTable tr td {
    text-align: center;
}

table.FldDefTable tr td:last-child, table.BasicTable tr td:last-child {
    text-align: left;
}

table.FldDefTable tr:first-child, table.BasicTable tr:first-child {
    font-weight : bold;
    background-color : #DDDDDD;
    color : #555555;
}


/*
 *  A header table for device drivers. It's two columns, no headers. First column is
 *  right justified.
 */
table.DrvInfoTable {
    width : 60%;
    border-spacing : 1px;
}

table.DrvInfoTable tr td:first-child {
    font-weight : bold;
    background-color : #DDDDDD;
    text-align : right;
    color : #555555;
}

/* A general purpose table with headers */
table.GenHdrTable {
    width : 90%;
    border-spacing : 1px;
    text-align : center;
}

table.GenHdrTable tr:first-child {
    font-weight : bold;
    background-color : #DDDDDD;
    color : #555555;
}

table.GenHdrTable tr td:last-child {
    text-align: left;
}


/*
 * All of the pages are two sided. On the left is a div that holds links to any
 * sub-topics directly under that particular topic, and the right side contains
 * the help for that particular topic.
 */
#StdPage{
    height: 100%;
    width : 100%;
}

#LeftSide{
    float: left;
    width : 18%;
    padding-right : 8px;
    border-right : 1px solid #CCCCCC;
    height : 100%;
    overflow : hidden;
}

#RightSide{
    width: 78%;
    float: right;
    padding-left : 2%;
/*    overflow: auto; */
}

.ClearFloats{
    clear:both;
}


