/*
 * SAMPLE HTML LAYOUT FOR A set of Tabs *
<ul class="tabBlockDefault">
    <li id="FlowchartTabs-Cinema" class="tabNormal">
        <a href="#" class="">Cinema</a>
    </li>
    <li id="FlowchartTabs-Indoor" class="tabCurrent">
        <a href="#" class="">Indoor</a>
    </li>
</ul>
*/

/* Default Tabs */
ul.tabBlockDefault
{
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    list-style-type: none;
    height: 20px;
}
ul.tabBlockDefault li
{
    margin: 0;
    padding: 0 10px 0 4px;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    color: #333;
    list-style-type: none;
    height: 20px;
    float: left;
}
ul.tabBlockDefault li a                 { color: #333; margin: 4px 0 0 0; display: block; }
ul.tabBlockDefault .tabCurrent a        { cursor: default; }
ul.tabBlockDefault .tabNA a             { color: #999; cursor: default; }
ul.tabBlockDefault .tabEmpty a          { font-style: italic; }


/* Tab Block Reversed */
ul.tabBlockReverse
{
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    list-style-type: none;
    height: 20px;
}
ul.tabBlockReverse li
{
    margin: 0;
    padding: 0 10px 0 4px;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    color: #ddd;
    list-style-type: none;
    height: 20px;
    float: left;
}
ul.tabBlockReverse li a                 { margin: 4px 0 0 0; display: block; color: #ccc; }
ul.tabBlockReverse .tabCurrent a        { cursor: default; }
ul.tabBlockReverse .tabNA a             { color: #999; cursor: default; }
ul.tabBlockReverse .tabEmpty a          { font-style: italic; }


ul.tabBlockWorkflow
{
    border-left: 1px #999 solid;
    margin: 0;
    margin-left: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    list-style-type: none;
    height: 20px;
}
ul.tabBlockWorkflow li
{
    position: relative;
    margin: 0;
    margin-left: -12px;
    padding: 0 13px 0 13px;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 7pt;
    line-height: 14px;
    font-weight: bold;
    color: #333;
    list-style-type: none;
    height: 20px;
    float: left;
}
ul.tabBlockWorkflow li a                 { margin: 3px 0 0 0; display: block; }
ul.tabBlockWorkflow .tabCurrent          { margin-left: -12px; }
ul.tabBlockWorkflow .tabCurrent a        { cursor: default; color:#fff;}
ul.tabBlockWorkflow .tabNA a             { color: #999; cursor: default; }
ul.tabBlockWorkflow .tabEmpty a          { font-style: italic;  }

#tabForms-PreSelection                   { margin-left: 0; padding: 0 13px 0 3px; }

/* Link styled tabs */
ul.tabBlockLinks
{
    margin: 0;
    padding: 5px;
    font-size: 0;
    line-height: 0;
    list-style-type: none;
    height: 20px;
}
ul.tabBlockLinks li
{
    margin: 0;
    padding: 0 15px 0 15px;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    color: #333;
    list-style-type: none;
    height: 20px;
    float: left;
}
ul.tabBlockLinks li a                 { color: #333; margin: 4px 0 0 0; display: block; font-size: 12px; }
ul.tabBlockLinks .tabCurrent a        { cursor: default; text-decoration: underline; }
ul.tabBlockLinks .tabNA a             { color: #999; cursor: default; }
ul.tabBlockLinks .tabEmpty a          { font-style: italic; }
ul.tabBlockLinks .NotFirstTab		  { border-left: solid 2px black; }