﻿#design body
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#design a
{
    display: block;
    color: #000000;
    text-decoration: none;
    font-size: 14px;
}

#design a:hover
{
    display: block;
    color: #666666;
    text-decoration: underline;
}

#design p
{
}

#design ol, ul
{
    list-style: none;
}

#design li
{
    font-size: 11px;
    font-weight: normal;
    margin-left: 15px;
}

#design li.redbullet
{
    list-style-image: url('/_images/design-guides/red-bullet.gif');
    margin-left: 15px;
    font-weight: normal;
}

#design li.redarrow
{
    list-style-image: url('/_images/design-guides/redtriangle1.gif');
    margin-left: 15px;
    font-weight: normal;
}

#design li.redarrowdot
{
    list-style-image: url('/_images/design-guides/redtriangle3.gif');
    margin-left: 15px;
    font-weight: normal;
}

#design li.number
{
    list-style: decimal;
    margin-left: 15px;
    font-weight: normal;
}



#design td
{
    padding: 2px;
    border: 2px solid #333333;
    border-width: thin;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: center;
}


#design table.mytable
{
    padding: 3px;
    color: #4f6b72;
}

#design table.notable
{
    padding: 2px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #4f6b72;
    width: 100%;
}

#design td.notd
{
    border: 0px;
}

#design caption
{
    padding: 0 0 5px 0;
    font: italic 13px Arial, Helvetica, sans-serif;
    text-align: left;
    color: #D91F2A;
}

#design th
{
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #ffffff;
    border-bottom: border-color: white;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-right: border-color: white;
    border-right-style: solid;
    border-right-width: thin;
    border-left: border-color: white;
    border-left-style: solid;
    border-left-width: thin;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #333333;
}

#design th.nobg
{
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}

#design td.alt
{
    background: #F5FAFA;
    color: #797268;
}

#design th.spec
{
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff url(images/bullet1.gif) no-repeat;
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#design th.specalt
{
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa url(images/bullet2.gif) no-repeat;
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
}

#design d.grayback
{
    background-color: #959FA8;
}

#design td.grayback1
{
    background-color: #919BA4;
    background-image: url('border.jpg');
    background-repeat: repeat-y;
}

#design td.grayback2
{
    background-color: #919BA4;
    background-image: url('grayspot.jpg');
    background-repeat: repeat-y;
}
#design td.greenback
{
    background-color: #3B5866;
    padding: 8px;
}

#design form
{
    margin: 0px;
}

#design r1
{
    background-repeat: repeat-y;
}

#design h1
{
    font-family: Arial, Helvectica;
    font-size: 16px;
    font-weight: bold;
    color: #D91F2A;
}
#design h2
{
    font-family: Arial, Helvectica;
    font-size: 14px;
    font-weight: bold;
    color: #D91F2A;
}
#design h3
{
    font-family: Arial, Helvectica;
    font-size: 12px;
    font-weight: bold;
    color: #D91F2A;
}
#design h4
{
    font-family: Arial, Helvectica;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
#design h5
{
    font-family: Arial, Helvectica;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

#technical h1
{
    font-family: Arial, Helvectica;
    font-size: 16px;
    font-weight: bold;
    color: #D91F2A;
}
#technical h2
{
    color: #c6260f;
    font-size: 2.4em;
    font-weight: bold;
}
#technical h3
{
    font-family: Arial, Helvectica;
    font-size: 16px;
    font-weight: bold;
    color: #D91F2A;
}
#technical h4
{
    font-family: Arial, Helvectica;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
#technical h5
{
    font-family: Arial, Helvectica;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}
#technical a
{
    color: #c6260f;
    text-decoration: bold;
    font-size: 14px;
}
#technical ol, ul
{
    list-style: none;
}

#technical li
{
    font-size: 14px;
    font-weight: normal;
    margin-left: 15px;
}

#technical li.redbullet
{
    list-style-image: url('/_images/design-guides/red-bullet.gif');
    margin-left: 15px;
    font-weight: normal;
}

#technical li.redarrow
{
    list-style-image: url('/_images/design-guides/redtriangle1.gif');
    margin-left: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #D91F2A;
}

#technical li.redarrowdot
{
    list-style-image: url('/_images/design-guides/redtriangle3.gif');
    font-size: 14px;
    margin-left: 15px;
    font-weight: normal;
}

#technical li.number
{
    list-style: decimal;
    margin-left: 15px;
    font-weight: normal;
}


#technical td
{
    padding: 2px;
    border: 2px solid #333333;
    border-width: thin;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: center;
}
#technical a
{
    color: #000000;
    text-decoration: none;
    font-size: 14px;
}

#technical a:hover
{
    color: #666666;
    text-decoration: underline;
    font-size: 14px;
}

