/**************************************************
**  GRAD HONORS      ******************************
**************************************************/
ul.orgs 
{
    margin: 0;
    padding: 0;
    list-style: none;
}

/**************************************************
**  GRAD HONORS HEADER      ***********************
**************************************************/
ul.orgs li.gradHonorsHeader
{
    font-weight: bold;
}
    
/**************************************************
**  GRAD HONORS DL, DT, DD      *******************
**************************************************/
ul.orgs dl 
{
    margin: 0;
    overflow: hidden;
}
    
ul.orgs dt 
{
    float: left;
    display: none;
    visibility: hidden;
}
    
ul.orgs dd 
{
    float: left;
}
    
ul.orgs dd.name 
{
    width: 315px;
    padding-right: 10px;
    vertical-align: top;
}
    
ul.orgs dd.category 
{
    width: 300px;
    padding-right: 0;
    vertical-align: top;
}

input[type="select"] { width: 25%; float: left; padding-right: 100px; }
input[type="text"].searchGrad { width: 25%; float: left;}

.grad-honor-search {
    margin: 0 0 15px 0;
    overflow: auto;
}
.grad-honor-label {
    float: left;
    clear: left;
    width: 20%;
}
.grad-honor-select,
input[type="text"].grad-honor-textbox {
    float: left;
    width: 30%;
}
.grad-honor-validator {
    float: left;
    margin-left: 2%;
 }

tr:nth-of-type(odd) { 
  background: #f2f2f2; 
}

.grad-honor-h1 {
    font-size: 26px !important;
    margin-bottom: 40px;
}
.grad-honor-county {
    font-size: 20px !important;
}
.grad-honor-list-p {
    font-size: 15px !important;
}
.grad-honor-city-p {
    font-size: 18px !important;
}

@media screen and (max-width: 479px) {
    .grad-honor-label,
    .grad-honor-select,
    input[type="text"].grad-honor-textbox {
        width: 100%;
    }

    /* Add some extra space between fields without a validation field */
    .grad-honor-select.need-more {
        margin-bottom: 22px;
    }

    .grad-honor-validator {
        margin-left: 0%;
        clear: both;
    }

    /* On small screens fiddle with the table so it displays vertical */

    table, thead, tbody, th, td, tr { 
		display: block; 
	}

    tr {margin-top: 10px;}

    /* Move the header row off screen */
	tr:first-of-type { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%;
        min-height: 22px;
	}

	td:before { 
		/* Now like a table header */
		position: absolute;
		top: 0;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

    /* Add the headers back */
    td:nth-of-type(1):before { content: "Name: "; }
	td:nth-of-type(2):before { content: "State: "; }
	td:nth-of-type(3):before { content: "City: "; }
	td:nth-of-type(4):before { content: "County: "; }
    td:nth-of-type(5):before { content: "Degree: "; }
    td:nth-of-type(6):before { content: "Honors: "; }

}