/**** TABLE SORTER STYLES ****/

#controller { padding-top:10px; margin: 0 0 10px 0; color:#999;}
#controller input, #controller select { padding: 4px; margin: 0 8px 0 0; }

#result { font-weight: bold; text-align: center; }
#result .error { padding: 4px; background: #ffebe8; border: 1px #eb8a71 solid; }
#result .message { padding: 4px; background: #9775c1; border: 1px #4E2583 solid; }

#result #grid { width: 100%; margin: 10px 0 0; }
#result #grid .even { background-color: #fff; }
#result #grid .odd { background-color: #F0F0F6; }
#result #grid .highlight { background-color: #3D3D3D; font-weight: bold; }
#result #grid .header { background: url(/web_standards/images/small.gif) no-repeat #E6EEEE right center; cursor: pointer; padding: 4px; }
#result #grid .headerSortUp { background: url(/web_standards/images/small_asc.gif) no-repeat #8DBDD8 right center; }
#result #grid .headerSortDown { background: url(/web_standards/images/small_desc.gif) no-repeat #8DBDD8 right center; }
#result #grid .col1, #grid .col2, #grid .col3 { padding: 5px; }
#result #grid .col1 { width: 33%; }
#result #grid .col2 { width: 33%; }
#result #grid .col1 img { display: block; padding: 5px; margin: 5px 0; border: 1px #efefef solid; }


/**** MAP STYLES ****/

#wrapper {position:relative; font-size:12px;}
#map{width:660px; height:500px;}
#side_bar{
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    max-height: 340px;
    overflow: auto;
    padding-top: 5px;
    width: 260px;
    }
#searchbox {
    float: left;
    margin-left: 10px;
    width: 325px;
}
.firstcategories {
    width: 46%;
    float:left;
}
.secondcategories {
    width: 52%;
    float:right;
}
.right {
    float:right;
}
.left {
    float:left;
    margin-left:0;
    margin-right: 5px;
}
#result {
    max-height: 370px;
    overflow: auto;
    font-weight:normal;
    text-align:left;
}
.message {
    font-weight:bold;
    text-align:center;
    margin-bottom:5px;
}
select {
    margin:10px;
    padding:4px;
}

.TabbedPanels {
    clear: none;
    position:absolute;
    top:0;
    right:0;
    margin: -1px 0 13px;
    overflow: hidden;
    padding: 0;
    width: 280px;
}
/* Tabbed Panels on mobile/tablet ----------- */
@media only screen and (max-width : 777px) {
.TabbedPanels {
    position:relative;
    padding: 0;
    margin-top:10px;
    width:95%;
}
}
.TabbedPanelsTab {
    cursor: pointer;
    float: left;
    height: 35px;
    letter-spacing: 0.3px;
    margin: 0 10px;
    padding: 0 13px;
    position: relative;
    text-transform: uppercase;
    top: 1px;
    width: 32%;
}
.TabbedPanelsContent{
    border:none;
    border-top:1px solid #bbb;
}

#searchbox {
    float: left;
    margin-left: 10px;
    width: 250px;
}

.arrow-list li {
    background: url("https://www.uwo.ca/web_standards/img/icn/paper-transp.png") no-repeat scroll 2px 3px transparent;
    line-height: 21px;
    margin: 0;
    padding: 0 6px 0 15px;
}
#inputs {
    font-size: 14px;
    margin-left: 10px;
    margin-top: 10px;
    overflow: auto;
    padding-bottom: 5px;
}
form li {
    display:inline;
}