body
    {
    background-color: white;
    font-family: Verdana, Arial, sans;
    margin: 0;
    }

div#search_bar
    {
    text-align: center;
    }

div.search_pane, div#search_pane
    {
    float: left;
    height: 100%;
    overflow-y: auto;
    width: 50%;
    }

h1
    {
    background-color: #fff170;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d8a441), to(#fff180));
    background: -webkit-linear-gradient(top, #fff190, #e8b451);
    background: -moz-linear-gradient(top, #fff190, #e8b451);
    background: -ms-linear-gradient(top, #fff190, #e8b451);
    background: -o-linear-gradient(top, #fff190, #e8b451);
    border-radius: 20px;
    margin-bottom: 40px;
    margin-left: 10%;
    margin-right: 10%;
    padding: 15px;
    text-align: center;
    margin-bottom: 40px;
    text-align: center;
    }

h2
    {
    background-color: silver;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8e8e8), to(#f8f8f8));
    background: -webkit-linear-gradient(top, #f8f8f8, #e8e8e8);
    background: -moz-linear-gradient(top, #f8f8f8, #e8e8e8);
    background: -ms-linear-gradient(top, #f8f8f8, #e8e8e8);
    background: -o-linear-gradient(top, #f8f8f8, #e8e8e8);
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 10px;
    }

iframe.drilldown_pane, iframe#drilldown_pane
    {
    border: 0;
    frameborder: 0;
    height: 100%;
    width: 50%;
    }

iframe.dynamic_link, iframe#dynamic_link
    {
    border: 0;
    frameborder: 0;
    left: 0;
    width: 100%;
    }

input#query
    {
    font-size: 36px;
    }

input[type=text]
    {
    border: 2px solid black;
    font-size: 1.7em;
    padding: 5px;
    }

@media only screen and (max-width: 767px)
    {

    body
	{
	}

    h1
	{
	font-size: 18px;
	margin-top: 10px;
	}

    h1.has-query
	{
	display: none;
	}

    input#query
	{
	font-size: 18px;
	}

    input#submit
	{
	font-size: 12px;
	}

    p
	{
	line-height: 1.2em;
	}

    }

#quotes
    {
    border: 4px solid #c79431;
    padding: 25px;
    margin-left: 25%;
    width: 50%;
    }

p
    {
    line-height: 1.9em;
    }

span.heading
    {
    font-size: larger;
    font-weight: bold;
    }

span.highlighted
    {
    font-size: larger;
    font-weight: bold;
    }

span.verse_reference
    {
    font-weight: bold;
    }

td.header
    {
    background-color: #dddddd;
    padding: 5px;
    }

td.header a
    {
    font-size: larger;
    font-weight: bold;
    }

tr.additional
    {
    display: none;
    }

tr.even-row td.even-result
    {
    background-color: #eeeeee;
    }

tr.even-row td.odd-result
    {
    background-color: #eeeeee;
    }

tr.odd-row td.even-result
    {
    background-color: #dddddd;
    }

tr.odd-row td.odd-result
    {
    background-color: #dddddd;
    }

.ui-tooltip
    {
    max-width: 90% !important;
    width: 90% !important;
    }

::-webkit-input-placeholder
    {
    /* WebKit browsers */
    color:    #777;
    }

:-moz-placeholder
    {
    /* Mozilla Firefox 4 to 18 */
    color:    #777;
    }

::-moz-placeholder
    { /* Mozilla Firefox 19+ */
    color:    #777;
    }

:-ms-input-placeholder
    {
    /* Internet Explorer 10+ */
    color:    #777;
    }

.collapse
    {
    display: none;
    }

div#browse
    {
    background-color: white;
    font-size: 1.4em;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    right: 30px;
    text-align: right;
    top: 40px;
    }

div#search_bar
   {
   margin-left: 25%;
   margin-right: 25%;
   white-space: nowrap;
   }

.even
    {
    background-color: #e99f34;
    }

#header
    {
    height: 50px;
    }

#main
    {
    padding: 40px;
    }

#query, #q
   {
   border: 2px solid black;
   font-size: 2em;
   margin-bottom: 20px;
   width: 81%;
   }

#quotes
    {
    background-color: #eeeeee;
    border: 4px solid white;
    margin-bottom: .5in;
    margin-left: 25%;
    margin-right: 25%;
    margin-top: 100px;
    padding: .25in;
    width: 50%;
    }

#quotes a
    {
    font-weight: normal;
    font-style: italic;
    }

#quotes p
    {
    margin-bottom: 0;
    margin-top: 0;
    }

#quotes strong a
    {
    font-style: normal;
    font-weight: bold;
    }

span.quote_link a
     {
     text-decoration: none;
     }

span.quote_link a:hover
    {
    text-decoration: underline;
    }

span.subheading
    {
    font-size: smaller;
    font-style: italic;
    }

#search, #submit
   {
   border: 2px solid black;
   background-color: black;
   color: white;
   font-size: 2em;
   font-weight: bold;
   }

td
   {
   height: 2em;
   vertical-align: middle;
   }

@media handheld
    {
    body
        {
        font-size: larger;
        }
    #header
        {
        background-image: url(/images/transparent.gif);
        height: 100px;
        }
    }

table.search-result td
    {
    white-space: nowrap;
    }

table.search-result td.header
    {
    white-space: normal;
    }

td.footer, tr.even-row, tr.odd-row
    {
    font-size: smaller;
    }