/*
        TrackStudio Application StyleSheets
        Copyright (c) 2004 TrackStudio LLC
*/

/*
Основные цвета:
Черный #000000;
Белый #FFFFFF;
Самый темный #84B0C7; (Границы, передний фон)
Элементы управления: #5E88BF (4F7F98)
Основной фоновый главный #F8F8F8; (Ячейки таблицы, формы)
Основной фоновый побочный #EBF1F2; (Заголовки таблицы)
Второй фоновый главный #DAE5EB; (Выделенные элементы)
Второй фоновый побочный #A0C1D3;
Третий фоновый главный #C7D9E3 (Создание новых элементов)
Третий фоновый побочный #B3CDDA;

Главный шрифт: Tahoma (Arial)
Второй шрифт: MS Sans Serif (serif)
Основной размер шрифта: 12px;

Все отступы на четное число пикселей.
Лучше всего 4px и 8px

*/
BODY    {
    color: #A0A0A0;
    background-color: #A0A0A0;
    padding: 0px 0px 0px 0px;
}

SELECT  {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
}

INPUT {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

PRE {
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
}

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

TABLE TD {
    font-family: Tahoma;
    font-size: 12px;
}

/*      MAIN MENU STYLESHEETS
*/

TABLE.menu
{
    background-color: #F8F8F8;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
    color: #7f7f7f;
    text-align:left;
    border: 1px #C7D9E3 solid;
    vertical-align: middle;
}

TABLE.menu A
{
    margin-right: 4px;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}

TABLE.menu TD
{
    padding-top: 1px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
    vertical-align: middle;
}

TABLE.menu TD#active A
{
    color: #000000;
    text-decoration: none;
    vertical-align: middle;
}
TABLE.menu TD#active A:hover
{
    color: #000000;
    vertical-align: middle;
}

TABLE.menu TD A
{
    color: #7f7f7f;
    font-size: 11px;
    vertical-align: middle;
}

TABLE.menu TD A IMG
{
    vertical-align: middle;
}

TABLE.menu TD#active
{
    vertical-align: middle;
}

/*      PATHLINE STYLESHEETS
*/
DIV {
    width: 960px;
    background-color: #FFFFFF;
    margin: 0 auto;
    height:100%;
}


DIV.allrights
{
    background-color: #F8F8F8;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
    border: 1px #C7D9E3 solid;
    width: 90%;
    color: #666666;
    margin-top: 8px;
    padding: 4px 8px;
    vertical-align: bottom;
    height: 30px;
}


DIV.path
{
    height: 18px;
    background-color: #F8F8F8;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    color: #666666;
    width:100%;
}

DIV.shadow
{
    height: 16px;
    background: url(cssimages/shadow.gif) #FFFFFF repeat-x;
}

/*      TASKBLOCK STYLESHEETS
*/
DIV.task
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}


DIV.task DIV.tabscombo
{
    background-color: #DAE5EB;
    padding-right: 4px;
    text-align: right;
    color: #000000;
}

DIV.task DIV.tabscombo TABLE
{
    margin-right: 0px;
    margin-left: auto;
}

DIV.task DIV.tabscombo TABLE TD {

    font-size: 11px;
    padding: 0px 2px;
}


TABLE.general
{
    font-family: Verdana, Geneva,Arial, Helvetica,sans-serif;
    color: #000000;
    font-size: 14px;
    background-color: #84B0C7;
    width: 100%;
}
TABLE.general CAPTION{
    color: #000000;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    background-color: #DAE5EB;
    border-top: #84B0C7 1px solid;
    border-left: #84B0C7 1px solid;
    border-right: #84B0C7 1px solid;
}

TABLE.general TH
{
    color: #000000;
    text-align: right;
    font-weight: bold;
    background-color: #EBF1F2;
    vertical-align: middle;
    font-size: 12px;
}

TABLE.general TD
{
    background-color: #F8F8F8;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
}

TABLE.general TD.message
{
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: left;
    font-size: 11px;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

TABLE.general TD IMG
{
    vertical-align: middle;
    margin-left: 4px;
}


TABLE.general TR.selected TD
{
    background-color: #DAE5EB;
    font-weight: bold;
    font-size: 11px;
}

TABLE.general TR.selected TH
{
    background-color: #A0C1D3;
    font-weight: bold;
    font-size: 11px;
}

TABLE.general TR.new TD
{
    background-color: #C7D9E3;
    font-size: 11px;
}

TABLE.general TR.new TH
{
    background-color: #B3CDDA;
    font-size: 11px;
}


TABLE.general TD A
{
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

TABLE.general TH A
{
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    text-decoration: underline;
}

TABLE.general TR.one TD
{
    background-color: #F0F0F0;
    font-size: 11px;
}

TABLE.general TR.two TD
{
    background-color: #F8F8F8;
    font-size: 11px;
}


DIV.slider
{
    width: 100%;
    height: 32px;
    padding: 0px 0px 0px 0px;
    font-family: Georgia, Times New Roman, serif;
    font-size: 12px;
    background-color: #DAE5EB;
    text-align: center;
    color: #000000;
}

DIV.slider A
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

DIV.slider A:hover
{
    color: #5E88BF;
    font-weight: bold;
    text-decoration: none;
}



DIV.task TEXTAREA
{
    margin: 8px;
}

DIV.fullpath {
    font-family: Tahoma;
    font-size: 11px;
    vertical-align: middle;
}
DIV.fullpath IMG{
    vertical-align: middle;
}

DIV.logopath {
    float: left;
    vertical-align: middle;
}
DIV.logo
{
    font-family: Tahoma;
    font-size: 11px;
    color: #666666;
    background-color: #FFFFFF;
    padding-left: 0px;
    vertical-align: middle;
}
DIV.logo A
{
    font-size: 11px;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

DIV.login
{
    font-family: Tahoma;
    font-size: 11px;
    color: #666666;
    background-color: #FFFFFF;
    padding-top: 0px;
    margin-top: -8px;
    padding-bottom: 4px;
    vertical-align: top;
    text-align: right;
}
DIV.login A
{
    font-size: 11px;
    text-decoration: underline;
    color: #000000;
    font-weight: bold;
}


TABLE.allrights
{
    width: 100%;
    background: #FFFFFF;
    font-size: 10px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #666666;
}

TABLE.allrights TD
{
    font-size: 10px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #666666;
}

TABLE.allrights TD.techinfo
{
    width: 28%;
    padding: 11px 10px;
    line-height: 16px;
    border-left: #84B0C7 1px solid;
}

TABLE.allrights A
{
    color: #84B0C7;
    text-decoration: none;
}

TABLE.allrights A:hover
{
    color: #84B0C7;
    text-decoration: underline;
}

DIV.minwidth
{
    width: 730;
    height: 2px;
}

TABLE.udf {
    background-color: transparent !important;
    padding: 0px 0px 0px 0px !important;
    margin:  0px 0px 0px 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
}

TABLE.udf TD{
    vertical-align: top;
    padding: 1px 1px 1px 1px !important;
    margin:  0px 0px 0px 0px !important;
}

.help {
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    padding: 4px 20px;
    font-size: 12px;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
    line-height: 130%;
    width:90%;
}

.header {
    padding: 4px 20px;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    line-height: 130%;
    width:100%;
}

DIV.article
{
    width:90%;
    margin-top: 8px;
    color:black;
    font: 14px Georgia,Times New Roman,serif;
}

.helptopic {
    width:100%;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 11px;
    font-weight: bold;
    text-align:center;
    background-color: #B3CDDA;
    color: #000000;
}

div.helpcontainer {
    font-family: Tahoma, Arial, Helvetica, sans serif;
    border: #84B0C7 1px solid;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 100%;
}

.iconized {
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    font-family: Tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #5E88BF;
    border: 1px #5E88BF outset;
    background: #FFFFFF;
}

.donloadtext {
    text-align: center;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    border:1px #84B0C7 solid;
}


.donloadhead {
    text-align: center;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}


DIV.text
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5E88BF;
    text-align: left;
    width: 100%;
}

TABLE.tabbedpane {
    width            : 100%;
    background       : #FFFFFF url(cssimages/tabborder.gif) repeat-x bottom;
    margin-top: 12px;
}

TABLE.tabbedpane TD UL
{
    margin           : 0px;
    padding          : 0px;
    list-style       : none;
}

TABLE.tabbedpane TD LI
{
    display          : inline;
    margin           : 0px;
    padding          : 0px;
}

TABLE.tabbedpane TD A
{
    float: left;
    background       : url(cssimages/tabright.gif) no-repeat right top;
    border-bottom    : 1px solid #84B0C7;
    font-weight: bolder;
    font-family: Tahoma;
    font-size: 12px;
    color: #5E88BF;
    vertical-align: middle;
    text-decoration  : none;
}


TABLE.tabbedpane TD A:hover
{
    background-position: 100% -150px;
}

TABLE.tabbedpane TD A:link, TABLE.tabbedpane TD A:visited,
TABLE.tabbedpane TD A:active, TABLE.tabbedpane TD A:hover
{
    color            : #5E88BF;
}

TABLE.tabbedpane TD SPAN
{
    float            : left;
    display          : block;
    background       : url(cssimages/tableft.gif) no-repeat left top;
    padding          : 5px 7px;
    white-space      : nowrap;
}



TABLE.tabbedpane TD SPAN {float : none;}


TABLE.tabbedpane TD A:hover SPAN
{
    background-position: 0% -150px;
}

TABLE.tabbedpane TD LI#selectedtab A
{
    background-position: 100% -150px;
    border-width     : 0px;
}

TABLE.tabbedpane TD LI#selectedtab SPAN
{
    background-position: 0% -150px;
    padding-bottom   : 6px;
}

TABLE.subtabbedpane {
    background       : #FFFFFF url(cssimages/tabborder.gif) repeat-x bottom;
    margin-top: 12px;
    width: 100%;
}

TABLE.subtabbedpane TD UL
{
    margin           : 0px;
    padding          : 0px;
    list-style       : none;
}

TABLE.subtabbedpane TD LI
{
    display          : inline;
    margin           : 0px;
    padding          : 0px;
}

TABLE.subtabbedpane TD A
{
    float            : left;
    background       : url(cssimages/tabright.gif) no-repeat right top;
    border-bottom    : 1px solid #84B0C7;
    font-weight: bolder;
    font-family: Tahoma;
    font-size: 11px;
    color: #5E88BF;
    vertical-align: middle;
    text-decoration  : none;
}


TABLE.subtabbedpane TD A:hover
{
    background-position: 100% -150px;
}

TABLE.subtabbedpane TD A:link, TABLE.subtabbedpane TD A:visited,
TABLE.subtabbedpane TD A:active, TABLE.subtabbedpane TD A:hover
{
    color            : #5E88BF;
}

TABLE.subtabbedpane TD SPAN
{
    float            : left;
    display          : block;
    background       : url(cssimages/tableft.gif) no-repeat left top;
    padding          : 5px 7px;
    white-space      : nowrap;
}



TABLE.subtabbedpane TD SPAN {float : none;}


TABLE.subtabbedpane TD A:hover SPAN
{
    background-position: 0% -150px;

}

TABLE.subtabbedpane TD LI#selected A
{
    background-position: 100% -150px;
    border-width     : 0px;
}

TABLE.subtabbedpane TD LI#selected SPAN
{
    background-position: 0% -150px;
    padding-bottom   : 6px;
}

DIV.tabcontent {
    border-left: 1px #84B0C7 solid;
    border-right: 1px #84B0C7 solid;
    border-bottom: 1px #84B0C7 solid;
    background-color: #FFFFFF;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

DIV.subtabcontent
{
    border-left: 1px #84B0C7 solid;
    border-right: 1px #84B0C7 solid;
    border-bottom: 1px #84B0C7 solid;
    background-color: #FFFFFF;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;

}

.controls{
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;
    width:100%;
}

DIV.overview {
    font-family: Tahoma;
    font-size: 12px;
}

DIV.overview A{
    color: #5E88BF;
    font-weight: bold;
    text-decoration: underline;
}

DIV.overview DIV.title {
    margin-top: 8px;
    margin-bottom: 8px;
/*background-color: #A0C1D3;*/
    background-color: #DAE5EB;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin-left: 0px;
    margin-right: 0px;

}

.paragraph {
    margin: 4px 0px;
    width: 100%;
}

.topic {
    background-color: #C7D9E3;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

DIV.overview DIV.content {
    padding-top: 4px;
    padding-bottom: 4px;

}
DIV.overview DIV.content LI {
    line-height: 140%;
}
DIV.bordered {
    border: 1px #84B0C7 solid;
}

DIV.general{
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px;
    background-color: #F8F8F8;
}


DIV.tabbedpane{
    width: 100%;
}

DIV.subtabbedpane{
    width: 100%;
}

TABLE TR.header
{
    height: 15px;
    color: black;
    text-align: left;
    border:1px #84B0C7 solid;
}

TABLE TD.value
{
    height: 20px;
    color: black;
    text-align: left;
    border-bottom:1px #84B0C7 solid;
}