﻿/* Main Panel of Tabs - the first level - on the main menu bar */



/* the top tabs */
div#ctl00_TabContainer
{
    width: 952px;
    height: 540px; /* equal in hieght to the tab wrapper - every thing is contained inside this and this is contained inside TabWrapper */
    overflow: hidden;
    text-align: left;
}


#ctl00_TabContainer_header
{
    width: 950px;
    height: 24px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    font-family: Arial Rounded MT Bold;
    font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 0px;
    font-weight: bold;
    color: #CC6600;
    background-color:transparent;
    border: solid 1px #BF9700;
}

/* this is the outer border to the body of the MAIN TOOL BAR */
div#ctl00_TabContainer_body
{
    margin-top: 0px;
    width: 948px;
    height: 510px;
    text-align: left;
    margin-bottom: 0px;
    overflow: hidden;
    text-align: left;
    overflow: hidden;
    background-color:transparent;
    border: solid 2px #BF9700;
}



div#ctl00_TabContainer_header #ctl00_TabContainer_TabPanel1_tab
{
    margin-left: 0px;
    float: left;
    width: auto;
}





div#ctl00_TabContainer_header #ctl00_TabContainer_TabPanel2_tab
{
    margin-left: 20px;
    float: left;
    width: auto;
}



div#ctl00_TabContainer_header #ctl00_TabContainer_TabPanel3_tab
{
    margin-left: 20px;
    float: left;
    width: auto;
}

div#ctl00_TabContainer_header #ctl00_TabContainer_TabPanel4_tab
{
    margin-left: 20px;
    float: left;
    width: auto;
}

div#ctl00_TabContainer_header #ctl00_TabContainer_TabPanel5_tab
{
    margin-left: 20px;
    float: left;
    width: auto;
}

div#ctl00_TabContainer_header #ctl00_TabContainer_TabPanel6_tab
{
    margin-left: 20px;
    float: left;
    width: auto;
}


div#ctl00_TabContainer_header #ctl00_TabContainer_TabPanel7_tab
{
    margin-left: 20px;
    float: left;
    width: auto;
}

div#ctl00_TabContainer_header #ctl00_TabContainer_TabPanel8_tab
{
    margin-right: 15px;
    float: right;
    width: auto;
}



/* First level of Tabs */


.Level1Tabs
{
}

.Level1Tabs .ajax__tab_tab
{
    width: auto;
    padding-top: 0px;
    margin-top: 4px;
    margin-left: 6px;
    margin-right: 6px;
    
    float: left;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    overflow: hidden;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    
    
    color: #FFFFFF;
}


.Level1Tabs .ajax__tab_hover .ajax__tab_tab
{
    color: #CC6600;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.Level1Tabs .ajax__tab_active .ajax__tab_tab
{
    color: #0099FF;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}



.Level1Tabs .ajax__tab_active .ajax__tab_inner
{
    background-color: #BF9700;
}

.Level1Tabs .ajax__tab_hover .ajax__tab_tab
{
    color: #CC6600;
    cursor: pointer;
    
}

.Level1Tabs .ajax__tab_active .ajax__tab_tab
{
    color: #000000;
    cursor: pointer;
    
}

/* second level of Tabs */

.Level2TabContainerWrapper
{
    width: 948px;
    height: 510px;
    margin: 0px;
}


.Level2Tabs
{
    width: 948px;
    height: 510px;
}


.Level2Tabs .ajax__tab_panel
{
    width: 942px;
    height: 484px;
    border: solid 3px #FFCC00;
    background-color: Transparent;
}

.Level2OuterPanelWrapper
{
    width: 942px;
    height: 484px;
    overflow: auto;
}

.Level2InnerPanelWrapper
{
    width: 912px;
    height: 1000px;
    white-space: normal;
}

.Level2Tabs .ajax__tab_tab
{
    margin: 0px;
    margin-top: 2px;
    padding: 0px;
    float: left;
    height: 25px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    overflow: hidden;
    text-align: left;
}

.Level2Tabs .ajax__tab_outer
{
    height: 25px;
    margin: 0px;
}
.Level2Tabs .ajax__tab_inner
{
    height: 25px;
    margin: 0px;
}

.Level2Tabs .ajax__tab_active .ajax__tab_inner
{
    background-color: #FFCC00;
}

.Level2Tabs .ajax__tab_hover .ajax__tab_tab
{
    color: #CC6600;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.Level2Tabs .ajax__tab_active .ajax__tab_tab
{
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}


.Level2Tabs .ajax__tab_outer
{
    height: 25px;
    width: auto;
    background-color: Transparent;
}

.Level2Tabs .ajax__tab_inner
{
    overflow: hidden;
    height: 25px;
}

.Level2Tabs .ajax__tab_tab
{
    height: 25px;
    width: auto;
    margin-left: 6px;
    margin-right: 6px;
    overflow: hidden;
}


#ctl00_TabContainer_TabPanel1_ContentPlaceHolder1_Level2TabContainer1_header
{
    width: 948px;
    height: 20px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    font-family: Arial Rounded MT Bold;
    font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 0px;
    font-weight: bold;
    color: #CC6600;
    background-color:transparent;
}

#ctl00_TabContainer_TabPanel1_ContentPlaceHolder1_Level2TabContainer1_Level2TabContainer1Tab1_tab
{
    margin-left: 0px;
    float: left;
    width: 474px;
}

#ctl00_TabContainer_TabPanel1_ContentPlaceHolder1_Level2TabContainer1_Level2TabContainer1Tab1_tab .ajax__tab_tab
{
    width: 474px;
    margin-left: 0px;
    margin-right: 0px;
}

#ctl00_TabContainer_TabPanel1_ContentPlaceHolder1_Level2TabContainer1_Level2TabContainer1Tab2_tab
{
    margin-left: 0px;
    float: left;
    width: 474px;
}

#ctl00_TabContainer_TabPanel1_ContentPlaceHolder1_Level2TabContainer1_Level2TabContainer1Tab2_tab .ajax__tab_tab
{
    width: 474px;
    margin-left: 0px;
    margin-right: 0px;
}


/* second tab panel under the level 2 tabs */
#ctl00_TabContainer_TabPanel2_ContentPlaceHolder2_Level2TabContainer2_header
{
    width: 948px;
    height: 20px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    font-family: Arial Rounded MT Bold;
    font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 0px;
    font-weight: bold;
    color: #CC6600;
    background-color:transparent;
}
#ctl00_TabContainer_TabPanel2_ContentPlaceHolder2_Level2TabContainer2_Level2TabContainer2Tab1_tab
{
    margin-left: 0px;

    float: left;
    width: auto;
}

#ctl00_TabContainer_TabPanel2_ContentPlaceHolder2_Level2TabContainer2_Level2TabContainer2Tab2_tab
{
    margin-left: 77px;
    float: left;
    width: auto;
}

#ctl00_TabContainer_TabPanel2_ContentPlaceHolder2_Level2TabContainer2_Level2TabContainer2Tab3_tab
{
    margin-left: 78px;
    float: left;
    width: auto;
}

#ctl00_TabContainer_TabPanel2_ContentPlaceHolder2_Level2TabContainer2_Level2TabContainer2Tab4_tab
{
    margin-left: 79px;
    float: left;
    width: auto;
}
#ctl00_TabContainer_TabPanel2_ContentPlaceHolder2_Level2TabContainer2_Level2TabContainer2Tab5_tab
{
    margin-left: 77px;
    float: left;
    width: auto;
}
#ctl00_TabContainer_TabPanel2_ContentPlaceHolder2_Level2TabContainer2_Level2TabContainer2Tab6_tab
{
    margin-left: 77px;
    float: left;
    width: auto;
}





/* third tab panel under the level 2 tabs */
#ctl00_TabContainer_TabPanel3_ContentPlaceHolder3_Level2TabContainer3_header
{
    width: 948px;
    height: 20px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    font-family: Arial Rounded MT Bold;
    font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 0px;
    font-weight: bold;
    color: #CC6600;
    background-color: #323232;
}
#ctl00_TabContainer_TabPanel3_ContentPlaceHolder3_Level2TabContainer3_Level2TabContainer3Tab1_tab
{
    margin-left: 0px;
    float: left;
    width: auto;
}

#ctl00_TabContainer_TabPanel3_ContentPlaceHolder3_Level2TabContainer3_Level2TabContainer3Tab2_tab
{
    margin-left: 30px;
    float: left;
    width: auto;
}

#ctl00_TabContainer_TabPanel3_ContentPlaceHolder3_Level2TabContainer3_Level2TabContainer3Tab3_tab
{
    margin-left: 30px;
    float: left;
    width: auto;
}

#ctl00_TabContainer_TabPanel3_ContentPlaceHolder3_Level2TabContainer3_Level2TabContainer3Tab4_tab
{
    margin-left: 30px;
    float: left;
    width: auto;
}

#ctl00_TabContainer_TabPanel3_ContentPlaceHolder3_Level2TabContainer3_Level2TabContainer3Tab5_tab
{
    margin-left: 31px;
    float: left;
    width: auto;
}



/* fourth tab panel under the level 2 tabs */
#ctl00_TabContainer_TabPanel4_ContentPlaceHolder4_Level2TabContainer4_header
{
    width: 948px;
    height: 20px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    font-family: Arial Rounded MT Bold;
    font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 0px;
    font-weight: bold;
    color: #CC6600;
    background-color: #323232;
}
#ctl00_TabContainer_TabPanel4_ContentPlaceHolder4_Level2TabContainer4_Level2TabContainer4Tab1_tab
{
    margin-left: 0px;
    float: left;
    width: auto;
}



/* fifth tab panel under the level 2 tabs */
#ctl00_TabContainer_TabPanel5_ContentPlaceHolder5_Level2TabContainer5_header
{
    width: 948px;
    height: 20px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    font-family: Arial Rounded MT Bold;
    font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 0px;
    font-weight: bold;
    color: #CC6600;
    background-color: #323232;
}
#ctl00_TabContainer_TabPanel5_ContentPlaceHolder5_Level2TabContainer5_Level2TabContainer5Tab1_tab
{
    margin-left: 0px;
    float: left;
    width: auto;
}






/* third level of Tabs */
.TweetsOuterWrapper
{
    width: 880px;
    height: 385px;
    overflow: auto;
}
.TweetsInnerWrapper
{
    width: 855px;
    height: auto;
}


.Level3Tabs
{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 880px;
    height: 450px;
}


.Level3Tabs .ajax__tab_panel
{
    width: 100%;
    height: 100%;
    background-color: Transparent;
    text-align: left;
}

.Level3Tabs .ajax__tab_tab
{
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
    float: left;
    height: 25px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    overflow: hidden;
    text-align: left;
}

.Level3Tabs .ajax__tab_outer
{
    height: 25px;
    margin: 0px;
}
.Level3Tabs .ajax__tab_inner
{
    height: 25px;
    margin: 0px;
}

.Level3Tabs .ajax__tab_active .ajax__tab_inner
{
    background-color: #000000;
}

.Level3Tabs .ajax__tab_active .ajax__tab_tab
{
    color: #FFFFFF;
}

.Level3Tabs .ajax__tab_hover .ajax__tab_tab
{
    color: #CC6600;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.Level3Tabs .ajax__tab_active .ajax__tab_tab
{
    color: #0099FF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}


.Level3Tabs .ajax__tab_outer
{
    height: 25px;
    width: auto;
    background-color: Transparent;
}

.Level3Tabs .ajax__tab_inner
{
    overflow: hidden;
    height: 25px;
}

.Level3Tabs .ajax__tab_tab
{
    height: 25px;
    width: auto;
    margin-left: 6px;
    margin-right: 0px;
    overflow: hidden;
}

/* end of third level of tabs */


















.MokanaTabs
{
}


.MokanaTabs .ajax__tab_tab
{
    padding-top: 0px;
    margin-top: 1px;
    float: left;
    height: auto;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    overflow: hidden;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
    margin-left: 0px;
    color: #FFFFFF;
}


.MokanaTabs .ajax__tab_hover .ajax__tab_tab
{
    color: #CC6600;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.MokanaTabs .ajax__tab_active .ajax__tab_tab
{
    color: #0099FF;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}
