/* * * * * * * * * * * *
 * search form style - inside the iFrame 
 * * * * * * * * * * * */

 /*
 Skillnet rebrand - May 2018 - colours changes to match logo
 purple -> navy
 #4F2F91 -> #09283A
 
 Bright green -> light green
 #71B93A -> #77BE44 
 
 */



/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

html { overflow: hidden; }						/* do not display scroll bar */

body {
	background-color: #FFFFFF ; 	/* match the #header background-color */
	font-family: Arimo, Verdana, Helvetica, sans-serif ;
	color:#4d4c51 ;
 	font-size: 13px;
	line-height: 1.275 ;
}

/* Remove border around linked images */
img {
	border: 0;
	max-width: 100%;
	width: auto;
	height: auto;
}

/* remove outline from input boxes */
form ,
input { 
    outline: none;
    font-family: inherit ;
}

/* good stuff */
input {
	margin: 0 ;
	padding-left: 0.5% ;
	padding-right: 0.5% ;
	line-height: 36px ;
	height: 36px ;
	width: 175px ; 
	background: #FFFFFF ;
	color: #939393 ;
	border: 1px solid #A4A4A4 ;
	outline: none ;
	outline-width: 0 ;			/* turn off border in safari */
	 -webkit-appearance: none; 	/* turn off chrome input[search] border */
	 float:right ;

	/* 
		make all browsers render the input box the same way (for height/width specs)
		- see: http://css-tricks.com/box-sizing/ 
	*/
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	} 

.submit-btn { 
/*	background: #71B93A url(/Sectors/IMDA/SKILLNET.nsf/images/icon-search-btn.png) center center no-repeat; */
	background:#77BE44 url(/Sectors/IMDA/SKILLNET.nsf/images/icon-search-btn.png) center center no-repeat; 
	width: 36px ;
	height: 36px ;
	padding: 18px ; 		/* button clickable area */
	/*text-indent: -9999em ;*/
	font-size: 0 ;
	line-height: 0 ;
	margin:0 ;
	/*float: right ;*/
	border: 0 ;
}
		
input.placeholder { 				/* older browsers */
	color: #B5B5B5 ; 
	}
input::-webkit-input-placeholder {	/* webkit (eg Chrome) browsers */
    color: #B5B5B5 ; 
}
input:-moz-placeholder {			/* FF 4+ browsers */
    color: #B5B5B5 ; 
}
input:-ms-input-placeholder {		/* IE 10+ browsers */
    color: #B5B5B5 ;  
}

@media screen and (max-width: 460px) {	/* iframe dictates the width here ... */
	input {
		width: 170px ;
		float: none ;
		border: 0 ;
		padding-left: 10px ;
		padding-right: 5px ;
	}	
	.submit-btn {
		float: right ;
	}
}
