multisearch.css

/* CSS Document */
.multisearch {
	padding:16px 8px 8px 0px;
	font-size: 15px;
}

.multisearch .tabcontent2, .multisearch .tabcontent3, .multisearch .tabcontent4, .multisearch .tabcontent5 {
	display:none;
}

.multisearch ul li {
	margin: 0px;
}

.multisearch .tabcontent {
	/*padding:8px;
	border: 1px solid #666;*/
	margin-top: 1px;
	padding-top: 4px;
	background-color: #ffcc33;
}

.multisearch form input {
	margin: 4px;
}

.multisearch .tablist {
    list-style:none; 
    height:3.2em;
    padding:0; 
    margin:0; 
    border: none;
}

.multisearch .tablist li {
    float:left; 
    margin-right:1px; 
}

.multisearch .tablist li a {
    display:block;
    padding: 3px 1em;
	font-size: 18px;
    text-decoration:none;
    /*border: 1px solid #666;*/
    /*border-bottom:0;*/
    color:#000;
	background-color: #ddd;
	/*height: 30px;*/
}

.multisearch .tablist li a:hover {
    background:#888; 
    color:#fff;
    text-decoration:none;
}

.multisearch .tablist li a.current {
    background-color: #ffcc33;
    color: #222;
	/*border-bottom: 1px solid #fff;*/
}

.multisearch .tablist li a.current:hover {
    color: #666;
}

.multisearch .tablist li a span {
    display: block;
	text-align: center;
	font-size: 13px;
}

.multisearch .tab {
	border-radius: 8px 8px 0 0;
}

.multisearch input.textbox {
	width: 85%;
	height: 50px;
	border: 1px solid #000;
	padding: 4px 4px 3px 5px;
	color: #000;
	font-size: 1.1em;
	font-weight: normal;
	margin: 6px 0px 6px 6px;
}

.multisearch .tabcontent4 input.textbox {
	margin: 6px 0px;
}

.multisearch input.reservesSearch {
	width: 80%;
}

.multisearch .select input.textbox {
	width: 160px;
}

.multisearch .select input.reservesSearch {
	width: 160px;
}

.multisearch div.submit {
	display: inline;
	margin: 0px;
}

.multisearch div.submit input{
    background: url(https://library.ucsc.edu/sites/default/files/external/images/multitab-search-button.png) no-repeat;
    cursor: pointer;
    width: 60px;
    height: 50px;
    border: 1px solid #000;
	display: inline;
	margin: 0px;
	color: transparent;
	font-size: 18px;
}

.multisearch div.submit input:hover{
	color: transparent;
}

.multisearch-links {
	padding: 2px 2px 4px 8px;
}

.multisearch-links li {
	list-style-type: none;
	display: inline;
	padding-right: 25px;
}

.multisearch #searchres {
	margin: 0px 0px 0px 10px;
	height: 50px;
	background-color: #333;
	color: #fff;
	border: 1px solid #000;
}

.multisearch .select {
	display: block;
}
	
.multisearch .tabs {
	display: none;
}



@media only screen and (min-width : 1150px) {
	
	.multisearch .select {
		display: none;
	}
	
	.multisearch .tabs {
		display: block;
		line-height: 1.42857143;
	}
	
}