Window Border CSS Setting

[Garry]

I have a KendoUI Window which is not behaving itself when I am using it inside another JQuery framework.
I am trying to set the window title colour and the maximise and close icons to the top right, but I cannot figure out the CSS settings to do this.
I attach an image showing what I have now and what I am trying to achieve.
I was given these settings a few months ago but they appear to be having little effect:
/* Override our KendoUI popup window */
/*
.k-window-titlebar
{
    background-color: pink;
    color: red;
    font-weight: bold;
    padding: 0px;
}
*/

.k-header {
    margin-top: 0px;
    padding: 0px;
}

.k-window-title {
    background-color: #275CAB;
    color: white;
    font-weight: bold;
    padding: 3px;
}

/* Allow centering of the table content in the popup window */
.k-window-content > .km-scroll-container
{
    height:100%;
    padding: 30px;
}

.k-window-titlebar  .k-window-action
{
    background: none;
    border-width: 200px;
    background-color: #275CAB;
}
Your help is most appreciated?

Kind Regards, Garry.

[Iliana Dyankova]

Hi Garry,

Up to your CSS requirements:

• Setting window title color / background: 

  .k-window-titlebar.k-header {
      background: #275CAB;  /*set background to the titlebar*/
      color: white; /*set color to the titlebar*/
      font-weight: bold; /*set font-weight to the titlebar*/
  }

• Maximize the icons - basically the icons are part of a sprite and in order to change their size you should change the icons itself;
• From the provided picture it appears you would like to set border to the window content? If this is the case you could use the following CSS rule: 

  div.k-window-content{
      border: 1px solid #275CAB;
  }

Regards,
Iliana Nikolova
Telerik