﻿#gsearchresults, 	gsc-tabsArea {
margin-top: 40px!important;
}

#gsearchresults{
float: left;
width: 760px;
}

.csesidecontainer {
float: left;	
width: 240px;
margin-left: 30px;
}


.gsc-control-cse {
}

.col-drillleft {

}

.fullwidth {
 
} 

.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
    padding: 0px!important;
    margin: 0px!important;
    border: 0px solid rgb(255,204,51)!important;
    background-color: #ffffff!important;
}

.gs-per-result-labels {
	display:none!important
}

.cse .gsc-webResult.gsc-result.gsc-promotion, .gsc-webResult.gsc-result.gsc-promotion {
    background-color: #fdfdf0!important;
    border: none!important;
    padding: 17px!important;
    padding-bottom: 22px!important;
}

.gs-promotion-text-cell {
padding-top: 0px!important;
padding-left: 5px!important;
}


.gsc-webResult.gsc-result.gsc-promotion .gs-title  {
margin-bottom: -10px!important;
}
.cse .gsc-webResult.gsc-result.gsc-promotion:hover, .gsc-webResult.gsc-result.gsc-promotion:hover {
    border: none!important;
}


.cse .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl {
    color: #333333!important;
}
.cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive, .cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive:hover {
    background-color:  #E94F36!important;
    border: 0px solid!important;
    border-color: #333333;
    border-bottom: none;
    color: #FFFFFF!important;
    font-size: 1.3em!important;
    font-family: 'Open Sans', sans-serif!important;
font-weight: 600!important;
margin-right: 10px!important;
padding: 8px!important;
}

.cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive {
 background-color:  #ffffff!important;
    border: 0px solid!important;
    border-color: #333333;
    border-bottom: none;
    color: #E94F36!important;
    font-size: 1.3em!important;
    font-family: 'Open Sans', sans-serif!important;
font-weight: 600!important;
margin-right: 10px!important;
padding: 8px!important;
}

.cse .gsc-tabsArea, .gsc-tabsArea {
    margin-top: 0em!important;
    border-bottom: 0px solid #eaeaea!important;
}

cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive {
    background-color: #333333;
    border: 1px solid;
    border-color: #333333;
    border-bottom: none;
    color: #ffffff;
}

.gcse {
	margin-top: 10px!important;

}
#gsc-i-id1 {
	height: 25px!important;
	padding: 8px!important;
	width: 75%!important;
	float: right!important;
}
.cse input.gsc-search-button, input.gsc-search-button {
	padding: 18px!important;
	display: block!important;
	text-indent: -9999px!important;
	float: left!important;
	background-repeat: no-repeat!important;
	filter: none!important;
	border: 0px!important;
	background-color: transparent!important;	
	background-image: url("http://www.cardiffmet.ac.uk/SiteAssets/images/newsearch.png");
background-repeat: no-repeat;
background-size:28px 26px;
margin-top: 12px!important;
}

.welshlink {
    color: white;
    float: right;
    margin-top: 20px;
    margin-bottom: 7px!important;
    color: #b0b0b0;
    margin-right: 35px;
    width: 100%;
}

.gsc-resultsHeader {

}

.gsc-results .gsc-webResult {
	margin-top: 0px!important;
	padding-top: 0px!important;
}

.cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column {
}

div.gsc-clear-button {
display:none!important;
}
.cse input.gsc-search-button:hover, input.gsc-search-button:hover {
	padding: 18px!important;
	display: block!important;
	text-indent: -9999px!important;
	float: left!important;
	background-repeat: no-repeat!important;
	filter: none!important;
	border: 0px!important;
	background-color: transparent!important;
	background-image: url("http://www.cardiffmet.ac.uk/SiteAssets/images/newsearch.png");
background-repeat: no-repeat;
background-size:28px 26px;
margin-top: 12px!important;
}
.gsc-input input.gsc-input {
	background: none repeat scroll 0% 0% white !important;
	   -webkit-border-radius:0; 
    border-radius:0;
  
}

#gcsearch .gsc-input input.gsc-input {
	background: none repeat scroll 0% 0% white !important;
	   -webkit-border-radius:0px; 
    border-radius:0px;
    width: 96%;
  
}

.gsc-control-cse .gsc-table-result:hover {
}
.gsc-webResult.gsc-result:hover {
	border-left: 1px solid!important;
	border-color: #ffffff!important;
}
.gsc-control-cse .gsc-table-result {
	font-family: 'Open Sans', sans-serif!important;
	padding-bottom: 12px!important;
	border-left: 0px!important;
	border-bottom: 1px solid #eaeaea!important;
	padding-bottom: 20px!important;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
	font-size: 22px!important;
	font-family: 'Open Sans', sans-serif!important;
	font-weight: 500!important;
	padding-bottom: 10px!important;
	color: #E94F36!important;
}
.gsc-control-cse .gs-spelling:hover, .gsc-control-cse .gs-result .gs-title:hover, .gsc-control-cse .gs-result .gs-title:hover * {
	text-decoration: none!important;
}
.cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-spelling-original, .gs-spelling-original {
	font-size: 14px!important;
	line-height: 22px!important;
	font-family: 'Open Sans', sans-serif!important;
	color: #333!important;
}

.gsc-url-bottom {
	font-size: 14px!important;
	line-height: 22px!important;
	font-family: 'Open Sans', sans-serif!important;
	color: #333!important;
}
.gs-webResult .gs-visibleUrl {
	color: #333!important;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0em!important;
	width: auto!important;
}

.cse .gsc-cursor-box, .gsc-cursor-box {
	border-top: 0px dotted!important;
	border-color: #333333;
	padding: .5em 0 0 .5em;
	text-align: left;
}
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
	color: #ffffff!important;
	background-color: #E94F36!important;
	text-shadow: none!important;
	padding: 0 5px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
	cursor: pointer;
	color: #E94F36;
	text-decoration: underline!important;
	margin-right: 8px;
	display: inline;
}


/* Smartphones (portrait and landscape) ---------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){

#gsc-i-id1 {
	height: 25px!important;
	padding: 38px!important;
	font-size: 4em!important;
	float: left!important;
	
}

#gsearch {
position:relative!important;
	width: 1100px!important;
	left: 30px!important;
	margin-bottom: -180px!important;
		margin-top: 160px!important;
		margin-left: -660px!important;
}
.cse input.gsc-search-button, input.gsc-search-button {
margin-left: -160px!important;
padding: 43px!important;
background-repeat: no-repeat;
background-size:80px 75px;
}

.cse input.gsc-search-button:hover, input.gsc-search-button:hover {
margin-left: -160px!important;
padding: 43px!important;
background-repeat: no-repeat;
background-size:80px 75px;
margin-top: 12px!important;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
	font-size: 60px!important;
	font-weight: 700!important;
}

.gsc-url-bottom {
display:none!important;
	font-size: 26px!important;
	line-height: 1.3em!important;
	color: #eaeaea!important;
	}
.cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-spelling-original, .gs-spelling-original {
font-size: 40px!important;
color: #333333!important;
line-height: 1.3em!important;
margin-bottom: 30px!important;
}

#resInfo-1 {
font-size: 40px!important;
color: #333333!important;
line-height: 1.3em!important;
margin-bottom: 30px!important;
}

.gsc-cursor-box {
margin-bottom: 10px;
line-height: 1.3em!important;
font-size: 55px!important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  margin-right: 30px!important;
}

.cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive, .cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive:hover {
    background-color:  #E94F36!important;
    border: 0px solid!important;
    border-color: #333333;
    border-bottom: none;
    color: #FFFFFF!important;
    font-size: 2.9em!important;
    font-family: 'Open Sans', sans-serif!important;
font-weight: 600!important;
margin-right: 10px!important;
padding: 28px!important;
}

.cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive {
 background-color:  #ffffff!important;
    border: 0px solid!important;
    border-color: #333333;
    border-bottom: none;
    color: #E94F36!important;
    font-size: 2.9em!important;
    font-family: 'Open Sans', sans-serif!important;
font-weight: 600!important;
margin-right: 10px!important;
padding: 28px!important;
}

}



