/*
 * 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: 26px;
}
ul.tabBlockDefault li
{
    margin: 0;
    padding: 0 20px 0 20px;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    color: #333;
    list-style-type: none;
    height: 25px;
    float: left;
}
ul.tabBlockDefault li a                 { color: #333; margin: 4px 0 0 0; display: block; }
ul.tabBlockDefault li span              { display: none; }
ul.tabBlockDefault .tabCurrent a        { cursor: default; }
ul.tabBlockDefault .tabNA a             { color: #999; cursor: default; }
ul.tabBlockDefault .tabEmpty a          { font-style: italic; }


/* Tab Block Flowchart */
ul.tabBlockFlowchart					{ float: left; padding-top: 20px; padding-left: 0px; width: 124px; }
ul.tabBlockFlowchart li
{
	font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #333;
    list-style-type: none;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: -10px;
    padding-right: 15px; 
    text-align: right;
    background:url('../img/leftPointer.png') no-repeat 50px 50px;
}
ul.tabBlockFlowchart li.tabCurrent		  { background-position: center right; }
ul.tabBlockFlowchart li a                 { color: #B0B0B0; margin: 4px 0 0 0; display: block; white-space: nowrap; }
ul.tabBlockFlowchart li a.hasInsertions   { color:  #616161; }
ul.tabBlockFlowchart li span              { display: none; }
ul.tabBlockFlowchart .tabCurrent a        { display: none; }
ul.tabBlockFlowchart .tabCurrent span     { display: block; font-weight: bold; color:#006636; padding-top: 3px; }
ul.tabBlockFlowchart .tabNA a             { color: #999; cursor: default; }
ul.tabBlockFlowchart .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 li span              { display: none; }
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 li span              { display: none; }
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;
    position: absolute;
    *position:inherit;
}
ul.tabBlockLinks li
{
    margin: 0;
    padding-right: 20px;
    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: #969696; margin: 4px 0 0 0; font-size: 12px; }
ul.tabBlockLinksFC_Details            { padding-top: 6px; padding-left: 8px; }
ul.tabBlockLinksFC_Details li a,
ul.tabBlockLinksFC_Details li span    { /* font-size: 14px!important; */ }
ul.tabBlockLinks li span              { display: none; }
ul.tabBlockLinks .tabCurrent a        { display: none; }
ul.tabBlockLinks .tabCurrent span     { display: block; font-weight: bold; color:#006636; font-size: 12px; }
ul.tabBlockLinks .NotFirstTab span     { font-weight: bold; position:absolute; width:150px; font-size: 12px; }
ul.tabBlockLinks .tabNA a             { color: #999; cursor: default; }
ul.tabBlockLinks .tabEmpty a          { font-style: italic; }
ul.tabBlockLinks .NotFirstTab		  { list-style-type: disc; }