/*=========================== Mobile Site ===============@media screen and (max-device-width: 640px)======================*/
@media only screen and (max-width: 640px)
{
    /*=====Body=====*/
    /*===Flex=====*/
    .flexContainer {
        display: flex;
    }

    .flexChild {
        flex: 1;
        border: 2px solid red;
    }

    .backgroundClass
    {
        width:480px;
    }
    .contentClass
    {
        width:480px;
    }
    .BreadCrumb
    {
        width:480px;
        margin-top:0px;
        padding-bottom:20px;
    }
    .legIndention
    {
        padding-left:10px;
    }
    .clickMeButton
    {
        width:429px;
        padding-left:46px;
        font-size:16px;
    }
    .dottedLine
    {
        width:480px;
    }
    .fullDottedLine
    {
        width:480px;
    }
    .PageBox
    {
        width:470px;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:5px;
        padding-right:5px;
        font-size:12pt;
    }
    .PageBox table
    {
        padding-left:0;
        padding-right:0;
    }
    .PageBox p
    {
        font-size:12px;
    }
    
    /*=====Header=====*/
    .siteHeader
    {
        width:480px;
        height:70px;
        margin-left:auto;
        margin-right:auto;
    }
    .lbbseal
    {
        margin-top:5px;
        margin-left:5px;
        margin-right:0px;
    }
    .lbbseal img
    {
        width:60px;
        height:60px;
    }
    .lbbtextheader
    {
        padding-left:70px;
        padding-top:0px;
        font-size:14pt;
    }
    .right-half
    {
        width:55%;
        margin-top:20px;
        margin-left:0px;
    }
    .TopNavigation
    {
        width:480px;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        vertical-align:middle;
    }
    .InnerNav
    {
        width:480px;
        word-wrap:break-word;
        font-size:14pt;
        padding-top:0px;
        padding-left:0px;
        padding-right:0px;
    }
    .InnerNav a
    {
        padding-left:5px;
        padding-right:5px;
        margin-left:5px;
        margin-right:5px;
    }
    .banner
    {
        width:480px;
        height:180px;
        background-size:480px 180px;
    }
    .bannertext
    {
        font-size:25px;
        padding-top:5px;
    }
    .bannertext2 {
        font-size: 15px;
        padding-top: 5px;
    }
    .twoLineBanner
    {
        padding-top:0px;
    }
    
    /*=====Footer=====*/
    .footer
    {
        width:480px;
        margin-top:15px;
        height:auto;
    }
    .footer a
    {
        font-size:10pt;
    }
    .footer p
    {
        font-size:11pt;
    }
    .footer th
    {
        width:10%;
        font-size:15pt;
    }
    .footer img
    {width:250px;}

    
    /*=====Homepage=====*/
    .Banner1000 {
        
        width: 480px;
       height: 200px;
        background-size: 480px 137px;
      /*height: 280px; */ 
    } 
    .MedallionNav {
        padding-top: 80px;
      
        margin-left: 0px;
        margin-right: 0px;
     
    }
    .MedallionNav2nd {
        width: 480px;
      height:10px;
      vertical-align:middle;
    }
    .MedallionNavList
    {
        float:left;
        padding-left:12px;
        padding-right:12px;
        margin-left:auto;
        margin-right:auto;
    }
    .MedallionNavList ul
    {
        padding-left:5px;
        padding-right:5px;
        margin-left:auto;
        margin-right:auto;
    }
        .MedallionNavList li {
            /*6egg padding-left: 6px;
            padding-right: 6px;*/
            padding-left: 12px;
            padding-right: 12px;
            margin-left:auto;
            margin-right:auto;
            font-size: 8pt;
           
        }
    .MedallionNavList img
    {
        width:41px;
        height:41px;
        padding-bottom:1px;
    }
    .MedallionNavList2nd {
    
        padding-left: 40px;
        padding-right: 40px;
        margin-left:auto;
        margin-right:auto;
        /*4eggs
            padding-left: 21px;
        padding-right: 4px;*/
    }
    .MedallionNavList2nd ul
    {
        
        padding-left: 0px;
        padding-right: 0px;
        margin-left:auto;
        margin-right: auto;
    }
    .MedallionNavList2nd li
    {
        padding-left:8px;
        padding-right:8px;
        margin-left:auto;
        margin-right:auto;
        font-size:8pt;
    }
    .MedallionNavList2nd img
    {
        width: 41px;
        height: 41px;
        padding-bottom: 1px;
    }
    .MedallionNavTable {
        padding-top:10px;
        display: table-cell;
        align-content: center;
        text-align: center;
        color: black;
    }

        .MedallionNavTable ul {
            list-style-type: none;
            font-weight: bold;
            font-size: 15pt;
            text-align: center;
        }


        .MedallionNavTable table {
            padding-top:55pt;
            align-content: center;
            font-weight: bold;
            font-size: 8pt;
            color: white;
            width: 50%;
            table-layout: fixed;
            /*border: 1px solid pink;*/
        }
        .MedallionNavTable img
        {
            width:30pt;
        }

        .MedallionNavTable tr {
            vertical-align: top;
        }

        .MedallionNavTable td {
            width: 47pt;
            text-align: center;
            /*border: 1px solid black;*/
        }

        .MedallionNavTable a {
            color: black;
            text-align: center;
            justify-content: center;
           
           
        }
    .whatsnew {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 600px;
        background-color: #86888A;
        width: 480px;
    }
    .listHeader
    {
        width:auto;
        padding-top:1px;
        padding-bottom:1px;
        font-size:10px;
    }
    .listHeaderlink {
        width: auto;
        background-color: orange;
        padding-top: 1px;
        padding-bottom: 1px;
        font-size: 10px;
    }
   .listHeaderlink a {
            font: bolder;
            font-size: x-large;
            color: white;
    }
    .documentslist
    {
        float:left;
        width:480px;
        height:auto;
        margin-top:0px;
        margin-left:0px;
    }
    .documentslist ul
    {
        font-size:x-large;
    }
    .documentslist li
    {
        margin-top:0px;
        margin-bottom:0px;
    }
    .policyarea
    {
        float:left;
        width:480px;
        height:auto;
    }
    .policyarea table
    {
        width:100%;
        height:auto;
    }
    .policyarea tr
    {
        border:solid 3px White;
    }
    .policyarea img
    {
        width:56px;
        height:56px;
    }
    .highlighthearing {
        width: 470px;
 
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .highlightDropdown
    {
        width:470px;
        height:92px;
        margin-top:20px;
        margin-bottom:20px;
        font-size:16px;
    }
    .highlightDropdown th
    {
        width:470px;
    }
    .highlightDropdown td
    {
        width:235px;
    }
    .HouseTitle
    {
        width:235px;
        height:46px;
    }
    .HouseSecondLevel
    {
        top:44px;
        left:-8px;
        width:230px;
        font-size:14px;
    }
    .HouseDropdown > li
    {
        height:46px;
    }
    .SenateTitle
    {
        width:235px;
        height:46px;
    }
    .SenateSecondLevel
    {
        top:44px;
        left:-6px;
        width:230px;
        font-size:14px;
    }
    .SenateDropdown > li
    {
        height:46px;
    }
    .ConferenceTitle
    {
        width:470px;
        height:46px;
    }
    .ConferenceSecondLevel
    {
        top:44px;
        left:-8px;
        width:470px;
        font-size:medium;
    }
    .ConferenceDropdown > li
    {
        height:46px;
    }

    /*=====Fiscal Size-Up====*/
    .fsuperformanceNavigation {
        padding-top: 42px;
    }

    .fsuperformanceNavigation ul {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .fsuperformanceNavigation li {
        padding-left: 135px;
       
        font-size: 8pt;
    }

    .fsuperformanceNavigation img {
        width: 40px;
        height: 40px;
        padding-bottom: 1px;
    }
    
    /*=====Budget=====*/
    .budgetNavigation
    {
        padding-top:35pt;
    }
    .budgetNavigationList ul
    {
        padding-left:1pt;
        padding-right:0pt;
        margin-left:0pt;
        margin-right:0pt;
    }
    .budgetNavigationList li {
        margin-left: auto;
        margin-right: auto;
        padding-left: 17pt;
        padding-right: 17pt;
        font-size: 7pt;
        /*four egg
        padding-left:27px;
        padding-right:27px;
        */
    }
    /*quick fix for table layout on budget page*/
    .budgetNav img {
        width: 40px;
        height: 40px;
        padding-bottom: 1px;
    }
    .budgetNav
    {
        font-size:8pt;
    }
    .budgetNavigationList img
    {
        width:40px;
        height:40px;
        padding-bottom:1px;
    }
    .accordionHeader
    {
        font-size:14px;
        padding:5px;
        margin-top:5px;
    }
    .accordionHeader b
    {
        font-size:22px;
        padding-left:20px;
        padding-right:40px;
    }
    .accordionHeaderSelected
    {
        font-size:14px;
        padding:5px;
        margin-top:5px;
    }
    .accordionHeaderSelected b
    {
        font-size:22px;
        padding-left:20px;
        padding-right:40px;
    }
    .accordionlist li
    {
        padding:15px 0px 15px 0px;
    }
    .accordionContent
    {
        padding: 5px;
        padding-top: 10px;
    }
    
    /*=====Performance Reviews=====*/
    .performanceNavigation
    {
        padding-top:42px;
    }
    .performanceNavigationList ul
    {
        padding-left:0px;
        padding-right:0px;
        margin-left:0px;
        margin-right:0px;
    }
    .performanceNavigationList li
    {
        padding-left:53px;
        padding-right:53px;
        font-size:8pt;
    }
    .performanceNavigationList img
    {
        width:40px;
        height:40px;
        padding-bottom:1px;
    }
    
    /*=====State Entity Reviews=====*/
    .functFlipTab
    {
        padding:10px 0px 10px 10px;
        width:470px;
    }
    .functPanel
    {
        width:auto;
    }
    .staffWhite
    {
        font-size:11px;
        width:auto;
        padding:10px 10px 10px 10px;
    }
    .staffGray
    {
        font-size:11px;
        width:auto;
        padding:10px 10px 10px 10px;
    }
    .geerWhite
    {
        float:left;
        font-size:11px;
        width:395px;
        padding:10px 75px 10px 10px;
    }
    .geerGray
    {
        float:left;
        font-size:11px;
        width:395px;
        padding:10px 75px 10px 10px;
    }
    .geerSum
    {
        margin-right:-65px;
    }
    .Information
    {
        width:480px;
    }
    
    /*=====Contracts=====*/
    .contractNavigation
    {
        padding-top:42px;
    }
    .contractNavigationList ul
    {
        padding-left:0px;
        padding-right:0px;
        margin-left:0px;
        margin-right:0px;
    }
    .contractNavigationList li
    {
        padding-left:35px;
        padding-right:35px;
        font-size:8pt;
    }
    .contractNavigationList img
    {
        width:40px;
        height:40px;
        padding-bottom:1px;
    }
    .contractAbout
    {
        background-color:White;
        padding-bottom:40px;
        padding-left:5px;
        padding-right:5px;
        padding-top:20px;
    }
    .contractNewsletters
    {
        padding-right:0px;
        padding-top:0px;
        width:50%;
    }
    .viewPDF
    {
        width:152px;
        height:38px;
    }
    .youtubeVideo
    {
        width:470px;
        height:348px;
        padding-bottom:5px;
    }
    
    /*=====About LBB=====*/
    .aboutNavigation
    {
        padding-top:42px;
    }
    .aboutNavigationList ul
    {
        padding-left:0px;
        padding-right:0px;
        margin-left:0px;
        margin-right:0px;
    }
    .aboutNavigationList li
    {
        padding-left:6px;
        padding-right:6px;
        font-size:8pt;
    }
    .aboutNavigationList img
    {
        width:41px;
        height:41px;
        padding-bottom:1px;
    }
    .historyOfBoard
    {
        width:480px;
    }
    .historyOfBoard #capitolDome
    {
        width:250px;
        height:198px;
    }
    .historyOfBoard h3
    {
        font-size:16px;
    }
    .historyOfBoard #redStar
    {
        width:34px;
        height:31px;
    }
    .historyOfBoard #learnMore
    {
        width:94px;
        height:26px;
    }
    
    /*=====Agencies Portal=====*/
    .Agency_Tabs .ajax__tab_tab
        {
        width:118px;
        margin-right:.5px;
        height:70px;
        vertical-align:middle;

    }
    .Agency_Tabs .ajax__tab_tab h3
    {
        font-size:15px;
    }

    /*====Portal Pages====*/
    .PortalBanner {
        background-image: url('Images/Banners/altbigbanner.jpg');
        background-repeat: no-repeat;
        background-color: #ffef90;
        margin-left: auto;
        margin-right: auto;
        width: 480px;
       height: 200px;
        background-size: 480px 137px;
    }
   
    .portalbannertext {
        margin-left: auto;
        margin-right: auto;
        color: white;
        font-family: Century Gothic;
        font-size: 25px;
        text-align: center;
        padding-top: 10px;
        font-weight: bold;
    }

    .PortalMedallionNavList {
        white-space: normal;
        float: left;
        text-align: center;
        color: black;
    }

    .PortalMedallionNav {
        color: black;
        white-space: nowrap;
        padding-top: 8px;
        margin-left: auto;
        margin-right: auto;
    }
    .PortalMedallionNav img{
        width:45px;
        height:45px;
    }
    .PortalMedallionNav table {
       align-content:center;
       color:black;
       width:100%;
     vertical-align:top;
    }
    .PortalMedallionNav tr{
        vertical-align:top;
    }
        .PortalMedallionNav td {
            color:black;
            font-size:10pt;
            font-weight:bold;
            width: 25%;
            text-align: center;
        }


    .PortalMedallionNav a {
        text-align: center;
        color: black;
    }

    .PortalMedallionNavList ul {
        padding-left: 1px;
        padding-right: 1px;
        margin-left: auto;
        margin-right: auto;
    }

    .PortalMedallionNavList li {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 8pt;
    }

    .PortalMedallionNavList img {
        width: 45px;
        height: 45px;
        padding-bottom: 1px;
    }

    .Portalhr {
        border: none;
        background-color: #213f9a;
        color: #213f9a;
        height: 25px;
        margin: 0;
    }

    .PortalPageBox {
        width: 480px;
        background-color: White;
        margin-bottom: 20px;
        margin: auto;
        overflow: auto;
        overflow-y: hidden;
        font-family: Century Gothic;
        font-size: 16pt;
    }

        .PortalPageBox b {
            padding-left: 5px;
        }

        .PortalPageBox h3 {
            padding-left: 20px;
        }

        .PortalPageBox hr {
            border: none;
            background-color: #213f9a;
            color: #213f9a;
            height: 5px;
            margin: 0;
        }

        .PortalPageBox table tr td {
            font-size:25px;
            vertical-align: text-top;
            text-align: center;
            
        }

        .PortalPageBox td {
            padding-left: 5px;
            padding-right: 5px;
        }

        .PortalPageBox img {
            height: 125px;
            width: 140px;
        }

    .portalexpandLink {
        color: #213f9a;
        padding-left: 70px;
    }

        .portalexpandLink a {
            color: #213f9a;
        }
 
    /*=====Archives=====*/
    .ArchiveTable
    {
        width:auto;
        padding:0px 0px 0px 0px;
    }
    .ArchiveTable th
    { 
        vertical-align:top;
        padding-top:20px;
        text-align:center;
    }
    .ArchiveTable td
    {
        vertical-align:top;
        text-align:left;
        padding-top:20px;
        padding-bottom:20px;
        width:auto;
        text-align:center;
    }
    .ArchiveTable ul
    { 
        list-style-type:none;
    }
    
    /*=====Publications=====*/
    .innerBlue
    {
        padding:10px 10px 10px 10px;
        width:auto;
    }
    .innerWhite
    {
        font-size:11px;
        width:330px;
        padding:10px 140px 10px 10px;
    }
    .innerGray
    {
        font-size:11px;
        width:330px;
        padding:10px 140px 10px 10px;
    }
    .DocumentType
    {
        margin-right:-130px;
    }
    .AdminAcct 
    {
        width:480px;
    }
    .publicWhite
    {
        font-size:11px;
        width:290px;
        padding:10px 180px 10px 10px;
    }
    .publicGray
    {
        font-size:11px;
        width:290px;
        padding:10px 180px 10px 10px;
    }
    .PublicDocumentType
    {
        margin-right:-170px;
    }

    /*=====Legislature Documents=====*/
    .docHeader
    {
        font-size:x-large;
        padding-bottom:1px;
        margin-bottom:1px;
    }
    .documentFloat
    {
        width:98%;
    }
    
    /*=====Open Records Request=====*/
    .infoRequest table
    {
        width:470px;
    }
    
    /*=====Interactive Graphics=====*/
    .interactiveaccordion
    {
        width:480px;
    }
    .interactivelistheader
    {
        width:460px;
        margin-left:auto;
        margin-right:auto;
        text-align:left;
        background-color: #21409A;
        color:White;
    } 
    .InteractiveTable 
    {
        font-size:11px;  
    }
    .InteractiveTable img
    {
        padding-left:5px;
        padding-right:5px;
    }
    
    /*=====FAQ=====*/
    .FAQ_Tabs .ajax__tab_tab
    {
        width:240px;
    }
    
    /*=====Fiscal Notes=====*/
    .FiscalNotes
    {
        width:450px;
        font-size:10pt;
    }
    .Leftbarbox
    {
        width:150px;
        margin-right:10px;
        padding:5px 12px 5px 12px;
    }
    .Rightbarbox
    {
        margin-left: 10px;
        padding:5px 6px 5px 6px;
    }
    
    /*=====Team Membership=====*/
    .memberTable table
    {
        width:470px;
    }
    
    /*=====Staff=====*/
    .StaffNavigation
    {
        padding-top:42px;
    }
    .StaffNavigationList ul
    {
        padding-left:0px;
        padding-right:0px;
        margin-left:0px;
        margin-right:0px;
    }
    .StaffNavigationList li
    {
        padding-left:29px;
        padding-right:29px;
        font-size:8pt;
    }
    .StaffNavigationList img
    {
        width:40px;
        height:40px;
        padding-bottom:1px;
    }
    .LBBDirectors
    {
        width:480px;
    }
    .smallimg
    {
        width:60px;
        height:75px;
    }
    .largeimg
    {
        width:480px;
    }
    .dirfunctFlipTab
    {
        width:400px;
        padding-left:20px;
    }
    .dirfunctPanel
    {
        width:450px;
        padding-left:20px;
    }
    .staffbox {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 0px;
        font-size: 12pt;
        background-color: white;
    }
    .staffbox table
    {
       
    }
    .ddlAgencies{
        max-width:300px;
    }
    /*=====History=====*/
    .timeline
    {
        height:840px;
        background-color:White;
        background-image:url('Images/Line.png');
        background-repeat:no-repeat;
        background-position: 221px 170px;
        background-attachment:scroll;
        background-size: 40px 600px;
    }
    .timeline p
    {
        font-size:8pt;
        padding:0px;
    }
    .timelineCircle
    {
        position:absolute;
        text-align:center;
        left:50%;
        width:25px;
        margin-left:-11px;
        z-index:1;
    }
    .timelineCircle img
    {
        width:25px;
        height:25px;
    }
    .timelineExpanderLeft
    {
        position:absolute;
        text-align:center;
        right:50%;
        margin-right:11px;
        height:95px;
        width:227px;
        background-repeat:no-repeat;
        background-size: 227px 95px;
    }
    .timelineExpanderRight
    {
        position:absolute;
        text-align:center;
        left:50%;
        margin-left:11px;
        height:95px;
        width:227px;
        background-repeat:no-repeat;
        background-size: 227px 95px;
    }
    .timelineReadmoreLeft
    {
        position:absolute;
        bottom:0;
        left:50%;
        z-index:1;
        font-size:11px;
        margin-left:-10px;
    }
    .timelineReadmoreRight
    {
        position:absolute;
        bottom:0;
        right:50%;
        margin-right:-110px;
        z-index:1;
        font-size:11px;
    }
    .timelineReadmoreTextLeft
    {
        position:absolute;
        margin-top:95px;
        width:166px;
        text-align:left;
        color:Black;
        background-color:#EEEEEE;
        padding-left:5px;
        padding-right:5px;
        z-index:1;
    }
    .timelineReadmoreTextRight
    {
        position:absolute;
        margin-left:51px;
        margin-top:95px;
        width:166px;
        text-align:left;
        color:Black;
        background-color:#EEEEEE;
        padding-left:5px;
        padding-right:5px;
        z-index:1;
    }
    .timelineSpendingLimit
    {
        margin-top:35px;
    }
    .timelineSpendingLimitText
    {
        background-image:url('Images/Spending_Limitation.png');
    }
    .timelineCreation
    {
        margin-top:185px;
    }
    .timelineCreationText
    {
        margin-top:150px;
        background-image:url('Images/Creation_of_LBB.png');
    }
    .timelineFiscalNotes
    {
        margin-top:335px;
    }
    .timelineFiscalNotesText
    {
        margin-top:300px;
        background-image:url('Images/Fiscal_Notes.png');
    }
    .timelineAppropriation
    {
        margin-top:485px;
    }
    .timelineAppropriationText
    {
        margin-top:450px;
        background-image:url('Images/Appropriation_Growth.png');
    }
    .timelineAuthority
    {
        margin-top:635px;
    }
    .timelineAuthorityText
    {
        margin-top:600px;
        background-image:url('Images/Budget_Execution.png');
    }

    /*=====Mozilla Firefox Tweaks=====*/
    @-moz-document url-prefix()
    {
        .siteHeader
        {
            height:76px;
        }
        .MedallionNavList ul
        {
            margin-top:12px;
        }
        .budgetNavigationList ul
        {
            margin-top:12px;
        }
        .performanceNavigationList ul
        {
            margin-top:12px;
        }
        .contractNavigationList ul
        {
            margin-top:12px;
        }
        .aboutNavigationList ul
        {
            margin-top:12px;
        }
        .HouseSecondLevel
        {
            top:43px;
            left:-8px;
            width:230px;
            font-size:14px;
        }
        .SenateSecondLevel
        {
            top:43px;
            left:-6px;
            width:230px;
            font-size:14px;
        }
    }
    /*=====CJDA Links=====*/
    .CDJALinks {
    }

        .CDJALinks a {
            font-weight: bold;
            color: blue;
            text-decoration: underline;
        }
    /*=====Safari Tweaks=====*/
    /*Iphone 68*/
    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio: 2)
    {
        body
        {
            font:normal 100% Apple Gothic;
        }
        *
        {
            font-family:Apple Gothic;
        }
        .InnerNav
        {
            font-size:10pt;
        }
    }
    /*Iphone 6+*/
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)
    {
        body
        {
            font:normal 100% Apple Gothic;
        }
        *
        {
            font-family:Apple Gothic;
        }
        .InnerNav
        {
            font-size:10pt;
        }
    }
}