


<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9 oldie" lang="en"> <![endif]-->
<!--[if (gt IE 9)]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
    <!--
    California State Template
    Version 5.0.5

            Based on Twitter Bootstrap
        -->
    <meta charset="utf-8">
            <title property="og:title">Accounting | Caltrans</title>
            <meta property="og:image" content="">
            <meta property="og:description" content="State of California">
    <meta name="Author" content="State of California" />
    <meta name="Description" content="State of California" />
    <meta name="Keywords" content="California, government" />
    

    <!-- head content, for all pages -->
    <!-- Use highest compatibility mode -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- http://t.co/dKP3o1e -->
    <meta name="HandheldFriendly" content="True">
    <!-- for Blackberry, AvantGo -->
    <meta name="MobileOptimized" content="320">
    <!-- for Windows mobile -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    
<!-- Google Fonts -->
<script type="text/javascript" src="/ruxitagentjs_ICA7NVfqrux_10299241001084140.js" data-dtconfig="rid=RID_1493567195|rpid=376235788|domain=ca.gov|reportUrl=/rb_bf84802mhz|app=ac09c9fedeecc4e2|cuc=lxc2r0ou|mel=100000|expw=1|featureHash=ICA7NVfqrux|dpvc=1|lastModification=1727803166530|tp=500,50,0|rdnt=1|uxrgce=1|agentUri=/ruxitagentjs_ICA7NVfqrux_10299241001084140.js"></script><link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
<!-- For all browsers -->
<link rel="stylesheet" href="/css/cagov.core.min.css">
<link rel="stylesheet" href="/css/custom.css?rel=1222211265">
<link rel="stylesheet" href="/css/sitecore-forms.css">
<script src="/js/search.js"></script>
<link rel="stylesheet" href="/css/AuthoringUIExperience/sitecore-extra.css">
<link rel="stylesheet" href="/css/cagov.font-only.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
<!--Below link is for Non-prod environments-->
<!--<script defer src="https://calerts.azurewebsites.net" crossorigin="anonymous"></script>-->
<!--Below link for Prod Environment-->
<script defer src="https://alert.cdt.ca.gov" crossorigin="anonymous"></script>

    <link rel="stylesheet" href="/css/colorscheme-oceanside.min.css">
<!-- For iPad 3-->
<link rel="apple-touch-icon" sizes="144x144" href="/images/template2014/apple-touch-icon-144x144.png">
<!-- For iPhone 4 -->
<link rel="apple-touch-icon" sizes="114x114" href="/images/template2014/apple-touch-icon-114x114.png">
<!-- For iPad 1-->
<link rel="apple-touch-icon" sizes="72x72" href="/images/template2014/apple-touch-icon-72x72.png">
<!-- For iPhone 3G, iPod Touch and Android -->
<link rel="apple-touch-icon" href="/images/template2014/apple-touch-icon-57x57.png">
<!-- For everything else -->
<link rel="shortcut icon" href="/-/media/d618dccb772c461cbc2d2f0f79b749e5.ashx">
<!-- Activate ClearType for Mobile IE -->
<!--[if IE]>
<meta http-equiv="cleartype" content="on">
<![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="/js/libs/html5shiv.min.js"></script>
  <script src="/js/libs/respond.min.js"></script>
<![endif]-->






</head>
<!-- Set thet  two-column-->
<body>
    <header role="banner" id="header" class="global-header fixed">
        <div id="skip-to-content">
            <a style="display:none;" href="#main-content">Skip to Main Content</a>
        </div>
        <!-- Alert Bar -->
        

    <div class="alert alert-warning alert-dismissible alert-banner">
        <div class="container">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

            <span class="alert-level">
                Scheduled maintenance:
            </span>
            <span class="alert-text">Our website may experience brief interruptions on Wednesday, October 30th, 2024, from 6:00 a.m. to 8:00 a.m. PDT. We apologize for any inconvenience.</span>
        </div>
    </div>

        <!-- Utility Header-->
        
<div class="utility-header">
    <div class="container">
        <div class="group flex-row">
            <div class="social-media-links">
                <div class="header-cagov-logo"><a href="https://www.ca.gov/"><span class="sr-only">CA.gov</span><img src="/images/Ca-Gov-Logo-Gold.svg" class="pos-rel" alt="CA.gov homepage" aria-hidden="true"></a></div>
            </div>
            <div class="settings-links" role="tablist">

                            <a href="/about-caltrans" >About Caltrans</a>
                            <a href="/contact-us" >Contact Us</a>
                            <a href="https://dot.ca.gov/-/media/dot-media/documents/caltrans-simm-25b-web-accessibility-certificate-2023-final.pdf" >ADA Certification</a>
                            <a href="/request-ada-compliant-documents" >Request ADA Compliant Documents</a>
                <button class="btn btn-xs btn-primary" data-toggle="collapse" data-target="#siteSettings" aria-expanded="false" aria-controls="siteSettings" aria-selected="false"><span class="ca-gov-icon-gear" aria-hidden="true"></span> Settings</button>
                    <button class="btn btn-xs btn-primary" data-toggle="collapse" data-target="#translate" aria-expanded="false" aria-controls="translate" aria-selected="false"><span class="ca-gov-icon-globe" aria-hidden="true"></span> Translate</button>

            </div>
        </div>
    </div>
</div>



        <!-- Settings Bar -->
        <div class="site-settings section section-standout collapse collapsed" role="alert" id="siteSettings">
    <div class="container  p-y">
        <button type="button" class="close" data-toggle="collapse" data-target="#siteSettings" aria-expanded="false" aria-controls="siteSettings" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <div class="btn-group btn-group-justified-sm" role="group" aria-label="contrastMode">
            <div class="btn-group"><button type="button" class="btn btn-standout disableHighContrastMode">Default</button></div>
            <div class="btn-group"><button type="button" class="btn btn-standout enableHighContrastMode">High Contrast</button></div>
        </div>
        <div class="btn-group" role="group" aria-label="textSizeMode">
            <div class="btn-group"><button type="button" class="btn btn-standout resetTextSize">Reset</button></div>
            <div class="btn-group"><button type="button" class="btn btn-standout increaseTextSize"><span class="hidden-xs">Increase Font Size</span><span class="visible-xs">Font <small class="ca-gov-icon-plus-line"></small></span></button></div>
            <div class="btn-group"><button type="button" class="btn btn-standout decreaseTextSize"><span class="hidden-xs">Decrease Font Size</span><span class="visible-xs">Font <small class="ca-gov-icon-minus-line"></small></span></button></div>
        </div>
        <!-- <button type="button" class="btn btn-primary clipboard-activeonhover">Save links on hover</button> -->
    </div>
</div>
        <div class="site-settings section section-standout collapse collapsed" role="alert" id="translate">
    <div class="container  p-y">
        <button type="button" class="close" data-toggle="collapse" data-target="#translate" aria-expanded="false" aria-controls="translate" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        Translate this website to your preferred language:<br>
        <div id="google_translate_element"></div>
    </div>
</div>
        <div class="branding">
            <div class="header-organization-banner">
                <a href="/">
                    <img src="/-/media/dot-media/images/logos/caltrans/caltranslogo.png?mw=300&amp;hash=0540FA4538E34376D54F5CE31E454E45" alt="Caltrans Logo" />
                </a>
            </div>
        </div>
        <!-- Include Mobile Controls -->
        <!-- mobile navigation controls -->
        <div class="mobile-controls">
            
            <span class="mobile-control-group mobile-header-icons">
                
                <!-- Add more mobile controls here. These will be on the right side of the mobile page header section -->
            </span>
            <div class="mobile-control-group main-nav-icons float-right">
                <button id="nav-icon3" class="mobile-control toggle-menu float-right" aria-expanded="false" aria-controls="navigation">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span class="sr-only">Menu</span>
                </button>
                <button class="mobile-control toggle-search">
                    <span class="ca-gov-icon-search hidden-print" aria-hidden="true"></span><span class="sr-only">Search</span>
                </button>
            </div>
        </div>
        <div class="navigation-search">
            

<nav id="navigation" class="main-navigation megadropdown auto-highlight">
    <ul id="nav_list" class="top-level-nav">
        
        <li class="home-link nav-item">
            <a href="/" class="first-level-link"><span class="ca-gov-icon-home" aria-hidden="true"></span>Home</a>
        </li>
       

        <li class="nav-item ">
            <a href="/travel" class="first-level-link" title="Travel"><span class="ca-gov-icon-travel-car" aria-hidden="true"></span>Travel</a>
        </li>

        <li class="nav-item ">
            <a href="/work-with-caltrans" class="first-level-link" title="Work with Caltrans"><span class="ca-gov-icon-clipboard" aria-hidden="true"></span>Work with Caltrans</a>
        </li>

        <li class="nav-item ">
            <a href="/programs" class="first-level-link" title="Programs"><span class="ca-gov-icon-flowchart" aria-hidden="true"></span>Programs</a>
        </li>

        <li class="nav-item ">
            <a href="/caltrans-near-me" class="first-level-link" title="Caltrans Near Me"><span class="ca-gov-icon-state" aria-hidden="true"></span>Caltrans Near Me</a>
        </li>

    <li class="nav-item " id="nav-item-search">
        <a href="javascript:;" class="first-level-link"><span class="ca-gov-icon-search" aria-hidden="true"></span>Search</a>
    </li>
    </ul>
</nav>

            
<div id="head-search" class="search-container  fade">
    <!-- Include Search -->
    <!-- Google Custom Search - /ssi/search.html-->

    <div class="container">
        <form id="Search" class="pos-rel" action="/SearchResults">
            <span class="sr-only" id="SearchInput">Custom Google Search</span>
            <input type="text" id="q" name="q" aria-labelledby="SearchInput" placeholder="Search this website" class="search-textfield height-50 border-0 p-x-sm w-100" tabindex="-1" />
            <button type="submit" class="pos-abs gsc-search-button top-0 width-50 height-50 border-0 bg-transparent" tabindex="-1"><span class="ca-gov-icon-search font-size-30 color-gray" aria-hidden="true"></span><span class="sr-only">Submit</span></button>
            <div class="width-50 height-50 close-search-btn"><button class="close-search gsc-clear-button width-50 height-50 border-0 bg-transparent pos-rel" type="reset" tabindex="-1"><span class="sr-only">Close Search</span><span class="ca-gov-icon-close-mark" aria-hidden="true"></span></button></div>
        </form>
    </div>

</div>

        </div>
        <div class="header-decoration"></div>
    </header>
    



<div id="main-content" class="main-content">
    <main class="main-primary">
        <div class="section section-understated">
            <div class="container">
                


<ol class="breadcrumb"><li><a href="/">Home</a></li><li><a href="/programs">Programs</a></li><li class='active'>Accounting</li></ol>
                    <h1>Accounting</h1>
                        <div class="rich-text">
                            <span>The Division of Accounting is the financial organization within the California Department of Transportation that provides various accounting services to the customers of the Department, both internal and external. The Division of Accounting offers several reporting systems where Vendors can access Accounting Information and a new automated payment process to our customers 24 Hours a day, 7 days a week. <a href="/contact-us#accounting">Contact Accounting</a></span>
                        </div>
                <div class="group">
                    <div class="half">
                                    <div class="rich-text">
<!--<h2><a href="/Configuration/Error-Pages/Error-404-Page?item=web%3a%7bC69A7CD6-CF7A-401F-9F3C-5EF9E2214A36%7d%40en">Caltrans Employee Travel Guide</a></h2>-->
<h2>Online Services</h2>
<ul>
    <li><a href="/programs/accounting/electronic-funds-transfer">Electronic Funds Transfer (EFT)</a></li>
    <li><a href="/programs/accounting/vendor-payment-history">Vendor Payment History</a></li>
</ul>
<h2>Major Construction Payment &amp; Information</h2>
<ul>
    <li><a href="/programs/accounting/forms-and-publications">Forms &amp; Publications</a></li>
    <li><a rel="noopener noreferrer" rel="external" href="http://misc-external.dot.ca.gov/pets" target="_blank">Major Construction Payment &amp; Information</a></li>
    <li><a href="/programs/accounting/major-construction-payment-and-information-contacts">Major Construction Payment &amp; Information Contacts</a></li>
    <li><a href="/-/media/dot-media/programs/accounting/documents/major-construction-prog-pay-schedule2024-a11y.pdf">Major Construction Payment Progress Payment Schedule 2024 (PDF)</a></li>
    <li><a href="/-/media/dot-media/programs/accounting/documents/major-construction-prog-pay-schedule2023_a11y.pdf">Major Construction Payment Progress Payment Schedule Archives&nbsp;(PDF)</a></li>
    <li><a href="/-/media/dot-media/programs/accounting/documents/stop-notice-information-rev-a11y.pdf">Stop Notice Information (PDF)</a></li>
</ul>            </div>



                    </div>
                    <div class="half">
                                    <div class="rich-text">
<h2>Reimbursements</h2>
<ul>
    <li><a href="/programs/accounting/indirect-cost-rate-proposal-rates-and-information">Indirect Cost Rate Proposal (ICRP) Rates and Information</a></li>
    <li><a href="/-/media/dot-media/programs/accounting/documents/reimbursement-phones-091019-a11y.pdf">Reimbursements Contacts (PDF)</a></li>
    <li><a href="/programs/accounting/reimbursements-faq">Reimbursements Frequently Asked Questions</a></li>
</ul>
<h2>Travel</h2>
<ul>
    <li><a href="/programs/accounting/travel-guide">Travel Guide</a></li>
</ul>            </div>


                    </div>
                </div>
            </div>
        </div>
    </main>
</div>


    
    <div class="section section-impact p-b-lg">
        <div class="container">
            <div class="row group">
                        <div class="quarter">
                                        <div class="rich-text">
<h2>Statewide Campaigns</h2>
<ul class="list-understated">
    <li><a href="/programs/civil-rights/ada-infrastructure-program" style="transition: none 0s ease 0s;">ADA Access</a></li>
    <li><a href="/programs/maintenance/adopt-a-highway" style="transition: none 0s ease 0s;">Adopt-A-Highway</a></li>
    <li><a rel="external" href="https://www.chp.ca.gov/Pages/Amber-Alert.aspx" target="_blank" style="transition: none 0s ease 0s;">Amber Alert</a></li>
    <li style="transition: none 0s ease 0s;"><a rel="external" href="http://beworkzonealert.com/" target="_blank" style="transition: none 0s ease 0s;">Be Work Zone Alert</a></li>
    <li><a rel="external" href="https://www.fire.ca.gov/incidents/" target="_blank" style="transition: none 0s ease 0s;">CAL FIRE</a></li>
</ul>            </div>


                        </div>
                        <div class="quarter">
                                        <div class="rich-text">
<h2>&nbsp;<span style="position: absolute; left: -2500px; top: -2500px; transition: none 0s ease 0s;">Statewide Campaigns</span></h2>
<ul class="list-understated">
    <li><a rel="noopener noreferrer" rel="noopener noreferrer" href="https://caloes.ca.gov/" target="_blank" style="transition: none 0s ease 0s;">Cal OES: Power Outage and Fire Recovery Resources</a></li>
    <li><a rel="external" href="http://www.caclimateinvestments.ca.gov/" target="_blank" style="transition: none 0s ease 0s;">California Climate Investments</a></li>
    <li><a rel="external" href="https://covid19.ca.gov/" target="_blank" style="transition: none 0s ease 0s;">California Connected</a></li>
    <li style="transition: none 0s ease 0s;"><a href="/programs/transportation-planning/division-of-transportation-planning/state-planning/long-range-policy-planning" style="transition: none 0s ease 0s;">California Transportation Plan 2050</a></li>
</ul>            </div>


                        </div>
                        <div class="quarter">
                                        <div class="rich-text">
<h2>&nbsp;<span style="position: absolute; left: -2500px; top: -2500px; transition: none 0s ease 0s;">Statewide Campaigns</span></h2>
<ul class="list-understated">
    <li><a rel="noopener noreferrer" rel="noopener noreferrer" href="https://cleancalifornia.dot.ca.gov" style="transition: none 0s ease 0s;" target="_blank">Clean California</a></li>
  <!--  <li><a rel="noopener noreferrer" rel="noopener noreferrer" href="https://www.energyupgradeca.org/" target="_blank" style="transition: none 0s ease 0s;">Energy Upgrade</a></li> -->
    <li><a rel="noopener noreferrer" rel="noopener noreferrer" href="https://www.gosafelyca.org/" target="_blank" style="transition: none 0s ease 0s;">Go Safely California</a></li>
    <li><a rel="noopener noreferrer" rel="noopener noreferrer" href="https://www.heatreadyca.com/" target="_blank" style="transition: none 0s ease 0s;">HeatReadyCA.com</a></li>
    <li style="transition: none 0s ease 0s;"><a rel="noopener noreferrer" rel="noopener noreferrer" href="http://www.beworkzonealert.com/move-over.html" target="_blank" style="transition: none 0s ease 0s;">Move Over Law</a></li>
</ul>            </div>


                        </div>
                        <div class="quarter">
                                        <div class="rich-text">
<h2>&nbsp;<span style="position: absolute; left: -2500px; top: -2500px; transition: none 0s ease 0s;">Statewide Campaigns</span></h2>
<ul class="list-understated">
    <li><a rel="external" href="https://www.dmv.ca.gov/portal/dmv/detail/realid" target="_blank">REAL ID</a></li>
    <li><a rel="external" href="https://saveourwater.com/" target="_blank" style="transition: none 0s ease 0s;">Save Our Water</a></li>
    <li><a href="https://cleancalifornia.dot.ca.gov/water" target="_blank" rel="external">Stormwater Education Campaign</a></li>
    <li><a rel="external" href="https://landlordtenant.dre.ca.gov/" target="_blank" style="transition: none 0s ease 0s;">Tenant and Landlord Resources</a></li>
    <li style="transition: none 0s ease 0s;"><a rel="external" href="https://sco.ca.gov/upd_msg.html" target="_blank" style="transition: none 0s ease 0s;">Unclaimed Property</a></li>
</ul>            </div>


                        </div>

            </div>
        </div>
    </div>

    

<!-- Global Footer -->
<footer id="footer" class="global-footer">
    <div class="container">
        <div class="row">

            <div class="three-quarters">
                <ul class="footer-links">
                    <li><a href="#skip-to-content">Back to Top</a></li>
                                <li><a href="/accessibility" target="">Accessibility</a></li>
                                <li><a href="/privacy-policy" target="">Privacy Policy</a></li>
                                <li><a href="/conditions-of-use" target="">Conditions of Use</a></li>
                                <li><a href="https://registertovote.ca.gov/" target="">Register to Vote</a></li>
                </ul>
            </div>

                <div class="quarter text-right">
                    <ul class="socialsharer-container">
                            <li><a href="http://www.facebook.com/CaltransHQ" title="Facebook"><span class="ca-gov-icon-facebook" aria-hidden="true"></span><span class="sr-only">Facebook</span></a></li>
                            <li><a href="https://twitter.com/CaltransHQ?ref_src=twsrc%5Etfw" title="Twitter"><span class="ca-gov-icon-twitter" aria-hidden="true"></span><span class="sr-only">Twitter</span></a></li>
                    </ul>
                </div>
        </div>
    </div>
    <!-- Copyright Statement -->
    <div class="copyright">
        <div class="container">
            Copyright &copy; 2024  State of California
        </div>
    </div>
</footer>
<!-- Extra Decorative Content -->
<div class="decoration-last">&nbsp;</div>

    <!-- Extra Decorative Content -->
    <div class="decoration-last">&nbsp;</div>
        <!-- Load jQuery from CDN with fallback to local copy -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"
            integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
            crossorigin="anonymous"></script>
    <script>
    //Fall back to local copy if no jquery found
    if (typeof jQuery == 'undefined') {
        document.write(unescape("%3Cscript src='/js/libs/jquery-3.4.1.min' type='text/javascript'%3E%3C/script%3E"));
    }
    </script>
    <!-- Load jQuery migrate from CDN with fallback to local copy -->
    <script src="https://code.jquery.com/jquery-migrate-3.0.1.min.js"></script>
    <script>
        //Fall back to local copy if no jQuery migrate found
        if (typeof jQuery.migrateWarnings == 'undefined') { // or typeof jQuery.fn.live == 'undefined'
            document.write(unescape("%3Cscript src='/js/libs/jquery-migrate-3.0.1.js' type='text/javascript'%3E%3C/script%3E"));
        }

    </script>
    <!-- Load template core -->
    <script src="/js/cagov.core.min.js"></script>
    <script src="/js/eqheight.js"></script>
    <script src="/js/responsive-tables.js"></script>
    <script src="/js/custom.js?rel=1222211278"></script>
    <!-- Plotly JS -->
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
    <!-- Circles JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/circles/0.0.6/circles.min.js"></script>
         <!-- Google Analytics GA4 -->
        <script>            
            var gaid = 'G-WLDEF7NZZ2, G-PXR8P55JR4';
            var gaidvariables = gaid.split(',');
            var firstgaid = gaidvariables[0];
            var tag = document.createElement('script');
            tag.type = "text/javascript";
            tag.async = true;
            tag.src = 'https://www.googletagmanager.com/gtag/js?id=' + firstgaid;
            document.head.appendChild(tag);
            tag.addEventListener("load", () => {
                console.log("GA4 Google Tag Manager Script added successfully");
                resolve();
                
            });

	function configureIndividualGA4() {
        var individualGaIds = gaidvariables;
        individualGaIds.forEach(function(indvgaId) {
            gtag('config', indvgaId);
        });
    }
            
        </script>
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() { dataLayer.push(arguments); }
            gtag('js', new Date());

            gtag('config', 'G-69TD0KNT0F'); // statewide CDT GA4 ID            
            // After the GA4 script is loaded, execute the configuration for individual agency GA4 ID
            configureIndividualGA4();
        
        </script>
        <!-- Google Tag Manager -->
        <script>
        (function (w, d, s, l, i) {
            w[l] = w[l] || []; w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            }); var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'dataLayer', 'GTM-573PLG9');</script>
        <!-- End Google Tag Manager -->
        <script type="text/javascript">
            // Google Translate
            function googleTranslateElementInit() {
                new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
            }
        </script>
        <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    <!-- modernizr.com, feature detection -->
    <script src="/js/libs/modernizr-3.6.0.min.js"></script>
    <!--Render custom script blocks-->
        <script type="text/javascript">
        // Search ID
        var cx = '001779225245372747843:uh1ozfcfcdu';// Update this value with your search engine unique ID. Submit a request to the CDT Service Desk if you don't already know your unique search engine ID.
        var gcse = document.createElement('script');
        gcse.type = 'text/javascript';
        gcse.async = true;
        gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
        var s = document.getElementsByTagName('script');
        s[s.length - 1].parentNode.insertBefore(gcse, s[s.length - 1]);

        // extracting search query from the url parameter and applying it to the searchbox
        jQuery.urlParam = function (name) {
            var results = new RegExp('[\?&]' + name + '=([^&#]*)')
                .exec(window.location.search);

            return (results !== null) ? results[1] || 0 : '';
        }
        var query = jQuery.urlParam('q');
        $('input[name=q]').val(query);
        </script>


</body>
</html>
