Styles are not being applied

style.css

.panel {width:45%; float:left; display:inline-block}
#result_raw {font-size:50%}

stylesNotworking.js

({
	"id": "cw.Soapclient",
	"params": {
	},
	"data": {
		"results": {
			"rows": [],
			"text": ""
		},
		"msisdn_list": "",
		"SoapPars": {
			"referenceId": ""
		}
	},
	"init": function ($form,form) {
		$form.html(this.html)
	},
	"ui": {
		"#msisdn_list": "msisdn_list"
	},
	"style": {},
	"html": "<div>\n\t<nav><button>play</button></nav>\n\t<div id=\"panel\" class=\"fl dib w50p\">\n\t\t<label for=\"referenceId\" class=\"dib\">Reference ID:</label>\n\t\t<input type=\"text\" id=\"referenceId\">\n\t\t<textarea id=\"msisdn_list\"></textarea>\n\t</div>\n\t<div id=\"Right_pane\" class=\"fl dib w50p\">\n\t\t<textarea type=\"text\" id=\"result_raw\"></textarea>\n\t</div>\n</div>"
})