Displaying Window widget screws up my page's design

[louis]

I have attached 3 images,

home.png is how my bootstrap-themed website looks like

I added this line of code in my page, right at the bottom

@(Html.Kendo().Window()
.Name("window")
.Title("test")
.Content("loading...")
    .LoadContentFrom("Login", "Authentication")
    .Modal(true)
    .Draggable()        
)

modal1.png is how the site looks like with the modal window

after.png is how the site looks like after I've closed the modal window

I'd like to know what is causing the design of my site to mess up?

When I looked in the page source of the code, this is causing the page to render incorrectly

<div id="window"></div><script>
	jQuery(function(){jQuery("#window").kendoWindow({"modal":true,"iframe":false,"draggable":true,"title":"test","resizable":false,"content":"/login","actions":["Close"]});});
	</script>

I tried removing kendoui's css from my layout page, but the result is the same.

[louis]

It's ok, the issue has been resolved. It's the stylesheets in my modal popup that is causing the problem