WIndow title height too large

[parag]

Hi,

   I am using Radwindoemanager for alert , confirm and prompt, I want to customize window look using custom skin. I had set
Skin = abc
EnableEmbeddedSkins = false
EnableEmbeddedBaseStylesheet = false.

I have added stylesheet at end of message


Since I have set (EnableEmbeddedSkins = false
EnableEmbeddedBaseStylesheet = false. ) I am getting following issues.
 Specially it is more visible in IE8.

1. Header height is more. I tried setting height and removing padding and margin. There is large offset in this element (RadWindow_abc .rwTitlebarControls .tbody .tr. td (2nd ))

 

.RadWindow_abc .rwTitlebarControls
.RadWindow_abc .rwTitlebarControls .tbody .tr. td

How to remove it?

2. There is no gap in buttons (ok, cancel). how to resolve it?

3. Can I apply style 'a'  to 'Ok' and style 'b'' to "Cancel'

Please reply asap.

Thanks &Regards
Parag



styles used


/* RadWindow for ASP.NET AJAX Outlook Skin */

/* Window Background */

/* Horiznotal */
.RadWindow_abc .rwTopLeft,
.RadWindow_abc .rwTopRight,
.RadWindow_abc .rwTitlebar,
.RadWindow_abc .rwFooterLeft,
.RadWindow_abc .rwFooterRight,
.RadWindow_abc .rwFooterCenter,
.RadWindow_abc .rwTopResize,
.RadWindow_abc .rwStatusbar div,
.RadWindow_abc .rwStatusbar,
.RadWindow_abc.rwMinimizedWindow .rwCorner
{
   background-color: #3C7882 !important;
    background-image:none !important;
}

/* Vertical */
.RadWindow_abc .rwBodyLeft,
.RadWindow_abc .rwBodyRight,
.RadWindow_abc .rwStatusbarRow .rwCorner
{
    background-color: #3C7882 !important;
    background-image:none !important;
}

/* Window Shadows */

/* Horiznotal */
.RadWindow_abc .rwShadow .rwTopLeft,
.RadWindow_abc .rwShadow .rwTopRight,
.RadWindow_abc .rwShadow .rwTitlebar,
.RadWindow_abc .rwShadow .rwFooterLeft,
.RadWindow_abc .rwShadow .rwFooterRight,
.RadWindow_abc .rwShadow .rwFooterCenter,
.RadWindow_abc .rwShadow .rwTopResize,
.RadWindow_abc .rwShadow .rwStatusbar div,
.RadWindow_abc .rwShadow .rwStatusbar,
.RadWindow_abc .rwShadow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwBodyRight,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyRight
{
    background-color: #3C7882;
    background-repeat:repeat;
    background-image:none;
}

/* Vertical */
.RadWindow_abc .rwShadow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwBodyRight,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyRight
{
    background-color: #3C7882;
    background-repeat:no-repeat;
    background-image:none;
}

/* Shadows End */


.RadWindow_abc .rwStatusbar input
{
    background-color: #f7f3e9;
}

div.RadWindow_abc .rwControlButtons
{
    float:right !important;
}

div.RadWindow_abc .rwControlButtons .rwCloseButton
        {
            background-image: url('Window/CommandButtonSprites.gif');
           
        }


.RadWindow_abc .rwControlButtons a {
    overflow: hidden;
    text-align: center;
    text-indent: -3333px;
    background-repeat: no-repeat;
    cursor: default;
    display: block;
    font-size: 1px;
    height: 21px;
    line-height: 1px;
    outline: medium none;
    text-decoration: none;
    width: 30px;
}
/*
.RadWindow_abc .rwControlButtons .rwCloseButton  {
    overflow: hidden;
    text-align: center;
    text-indent: -3333px;
}*/

.RadWindow_abc .rwCloseButton {
    background-position: -90px 0;
}


div.RadWindow_abc .rwTitlebarControls em
{
    color: black;
}


.RadWindow_abc .rwTitlebarControls
{
    /* height:25px !important; */
    width:100% !important;
    margin: 0 0 0 !important;
    padding: 0 0 0 !important;
}

div.RadWindow_abc .rwDialogInput
{
    border-top: solid 1px #abadb3;
    border-right: solid 1px #dbdfe6;
    border-bottom: solid 1px #e3e9ef;
    border-left: solid 1px #e2e3ea;
}

div.RadWindow_abc .rwDialogInput:hover
{
    border-top: solid 1px #5794bf;
    border-right: solid 1px #b7d5ea;
    border-bottom: solid 1px #c7e2f1;
    border-left: solid 1px #c5daed;
    color: #565656;
}

.RadWindow_abc td.rwWindowContent
{
    background-color: #fff;
}

/* Loading Indicators */
div.RadWindow_abc tr td.rwLoading
{
    background-color: #e2ecfc;
}

/* When ShowContentDuringLoad="true" */
.RadWindow_abc td.rwWindowContent.rwLoading
{
    background-image: url('Common/loading.gif');
}

/* When ShowContentDuringLoad="false" */
.RadWindow_abc input.rwLoading
{
    background-image: url('Common/loading_small.gif');
}

/* Shadow Control Buttons */

/* .RadWindow_abc .rwShadow .rwControlButtons
{
    margin: 5px -2px 0 0;
}

.RadWindow_abc .rwShadow .rwControlButtons
{
    margin: 5px -1px 0 0\9;
}*/

/* ctrl buttons when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow .rwControlButtons
{
    margin: 9px -8px 0 0;
}


/* Icon when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow .rwIcon
{
    margin: 9px 6px 0 0;
}

/*title buttons when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow em
{
    margin: 4px 0 0 -1px;
}

/*
.RadWindow_abc .rwShadow .rwControlButtons li
{
    float: left;
    padding: 0;
}

.RadWindow_abc .rwShadow .rwControlButtons a
{
    width: 28px;
}*/




.RadWindow_abc .rwTopLeft, .RadWindow .rwTopRight,
.RadWindow_abc .rwFooterLeft,
.RadWindow_abc .rwFooterRight,
.RadWindow_abc .rwFooterCenter {
   display:none;
}


.RadWindow_abc .rwTopLeft,
.RadWindow_abc .rwTopRight,
.RadWindow_abc .rwBodyLeft,
.RadWindow_abc .rwBodyRight
{
   display:none;
}


.RadWindow_abc .rwCorner .rwBodyLeft,
.RadWindow_abc .rwCorner .rwBodyRight
{
    display:none;
}


div.RadWindow_abc  table.rwTable
{
    border-top: solid 1px #3C7882;
    border-right: solid 1px #3C7882;
    border-bottom: solid 1px #3C7882;
    border-left: solid 1px #3C7882;
    border-radius: 8px;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


.RadWindow_abc .rwWindowContent .radalert
{
    background-image: none !important;
}


.RadWindow_abc .rwWindowContent .radconfirm
{
    background-image: none !important;
}


/* Conetent  message remove image */
.RadWindow_abc .rwWindowContent .radprompt
{
    background-image: none !important;
}

.RadWindow_abc .rwDialogPopup {
    cursor: default !important;
    margin: 0 !important;
    padding-top: 15px !important;
    padding-right : 15px !important;
    padding-bottom: 0 !important;
    padding-left:12px !important;
}

.RadWindow_abc .rwDialogText {
    color: #666666;
    font-size: 12px;
    font-family: Arial;
    text-align: left;
}


/*popup buttons */

div.RadWindow_abc .rwWindowContent a.rwPopupButton,
        div.RadWindow_abc .rwWindowContent a.rwPopupButton:hover
        {
            display: block;
            height: 25px;
            line-height: 25px;
            text-align: center;
            border-style:solid;
            border-width:2px;
            overflow: hidden;
            border-top-color:#3B7781;
            border-bottom-color:#305F67;
            border-left-color:#376F79;
            border-right-color:#366D78;
            background: #E0E0E0 0 0px repeat-x url(Button/ButtonSprites.png);
            outline: none;
            cursor: auto;
            border-radius: 8px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            padding:0 12px;
     
        }
 
        div.RadWindow_abc .rwWindowContent a.rwPopupButton:hover
        {
            background-color: #c5c5c5;
        }
         
        div.RadWindow_abc .rwPopupButton span
        {
            height: 25px;
            line-height: 25px;
        }
 
        .RadWindow_abc .rwPopupButton span,
        .RadWindow_abc .rwPopupButton:hover span
        {
            background-image:none !important;
        }





/**/
.RadWindow_abc .rwDialogPopup .rwPopupButton,
.RadWindow_abc .rwDialogPopup .rwPopupButton span {
    display: block;
    float: right !important;
    vertical-align:bottom !important;
}

/*
.RadWindow_abc .rwWindowContent .rwPopupButton  
{
   display: block;
    height: 25px;
    
    text-align: center;
    border-style:solid;
    border-width:2px;
    overflow: hidden;
    border-top-color:#3B7781;
    border-bottom-color:#305F67;
    border-left-color:#376F79;
    border-right-color:#366D78;
    background: #E0E0E0 0 0px repeat-x url(Button/ButtonSprites.png);
    outline: none;
    cursor: auto;
    border-radius: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding:0 12px;
    
    
}

.RadWindow_abc .rwWindowContent .rwPopupButton:hover
{
    background-color: #c5c5c5;
}


.RadWindow_abc .rwPopupButton span,
.RadWindow_abc .rwPopupButton:hover span
{
    background-image:none !important;
    
}*/

/* Title */

.RadWindow_abc .rwTitleRow em {
    color: #FFF !important;
    font-family:  Arial !important;
    font-size: 16px !important;
    font-weight:bold !important;
    /*overflow: hidden;*/
    padding: 5px 0 0 1px !important;
    white-space: nowrap;
   line-height: 24px !important;
   margin:0 !important;
       vertical-align:top;
        top :0;
       left:0;
       
      
    
}

.RadWindow_abc .rwTitlebarControls
{
    height:24px !important;
     padding : 0 0 0 0px !important;
       margin: 0 0 0 0px !important;
       background-color: Blue !important;
      
}

/*
.RadWindow_abc a.rwIcon
{
    background-image: none !important;
}

.RadWindow_abc a.rwIcon
{
    background-image: none repeat scroll 0 0 #3C7882;
}
*/

div.RadWindow_abc .rwIcon
{
    display: none;
}