/*
            // Mobile: search results for single line
            // --------------------------------------------------
	        */

	        /*
	        Max width before this PARTICULAR table gets nasty
	        This query will take effect for any screen smaller than 979px and also iPads specifically.

	        Plenty of !importants to combat styles in shared.css

	        css-tricks.com/examples/ResponsiveTables/responsive.php
	        */

            @media only screen and ( max-width: 979px ) {
            /* Force table to not be like tables anymore */
            .SearchResults.SingleLine table,
            .SearchResults.SingleLine table thead,
            .SearchResults.SingleLine table tbody,
            .SearchResults.SingleLine table th,
            .SearchResults.SingleLine table td,
            .SearchResults.SingleLine table tr {
                display: block;
            }

            /* Hide table headers (but not display: none;, for accessibility) */
            .SearchResults.SingleLine table thead tr,
            .SearchResults.SingleLine table td.Small {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            .SearchResults.SingleLine table tr {
                border-top: 1px solid #ccc;
                border-bottom-width: 0;
            }
            .SearchResults.SingleLine table tr:hover {
                background-image: linear-gradient(top, #fff, #fff);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
                background-image: -webkit-linear-gradient(top, #fff, #fff);
                background-image: -moz-linear-gradient(top, #fff, #fff);
                background-image: -ms-linear-gradient(top, #fff, #fff);
                background-image: -o-linear-gradient(top, #fff, #fff);
            }
            .SearchResults.SingleLine table td {
                /* Behave  like a "row" */
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding: 14px; /*@@gridGutterWidth*/
                padding-left: 50% !important;
                font-size: 16px;
            }
            .SearchResults.SingleLine table tr td:first-child {
                padding-left: 50% !important;
                font-weight: bold;
            }
            .SearchResults.SingleLine table tr td:last-child {
                padding: 7px 14px !important; /*@@gridGutterWidth*2 @@gridGutterWidth*/
                background: #f2f2f2;
            }
            .SearchResults.SingleLine table td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                /*top: 14px; @@gridGutterWidth*/
                left: 14px; /*@@gridGutterWidth*/
                width: 45%;
                padding-right: 14px; /*@@gridGutterWidth*/
                white-space: nowrap;
                font-weight: normal;
                color: #999; /*@@grayLight*/
            }
            .SearchResults.SingleLine table td .V {
                height: auto;
                text-align: center;
            }
            td div.Ctr {
                /*min-width: 165px;*/
                float: none !important; /* To combat inline style */
                width: auto !important;
                text-align: center !important;
                padding: 0 !important;
            }
            div.Ctr div.PDF,
            div.Ctr div.IMG,
            div.Ctr div.IMGMulti,
            div.Ctr div.TXT {
                float: none !important;
                margin: 0;
                padding: 0 !important;
                display: inline-block !important;
            }
            div.Ctr div:first-child {
                margin-left: 0 !important;
            }
            div.Ctr div + div { /* if 2 view buttons space them out */
                margin-left: 14px !important; /*@@gridGutterWidth*/
            }
            div.Ctr div.PDF b,
            div.Ctr div.IMG b,
            div.Ctr div.IMGMulti b,
            div.Ctr div.TXT b {
                width: auto !important;
                height: auto !important;
                text-indent: 0px !important;
                padding: 6px 8px 8px 26px !important;
                color: #fff;
            }
            div.Ctr div.PDF b {
                background: url("/images/themes/global/search-sprites-v1.png") -1px -2px no-repeat !important;
            }
            /*
		        Label the data
		     */
            .SearchResults.SingleLine table td:nth-of-type(1):before {
                /* This is all done in the view */
            }
            .UI.Left {
                .hide;
            }

        }
        .decoration--container {
                border-right: 1px solid #eeebe4;
               /* border-top: 6px solid #8ec044;*/
        }
        .span9.SearchStart {
           /* border-top: 6px solid #8ec044;*/
        }