html, body, form {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

img {
    border: none;
}

body {
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    margin-left: 0;
    margin-top: 0;
    border: none;
    overflow: hidden;
}

.HeaderBg /* This is background color. Keep it as White   */{
    background-color: #FFFFFF;
}
.MenuBar /* This is BLUE or GREEN BAR for ICONS and Refresh  */{
    background-color: #25a0da;
    color: #FFFFFF;
}

    .MenuBar A {
        color: #FFFFFF;
        text-decoration: none;
    }

        .MenuBar A:Hover {
            color: #99ccff;
            text-decoration: none;
        }

.titleBar /* This is Master Page Breadcrumb text colour */{
    font-size: 14px;
    font-weight: bold;
    color: #666666;
}

.titledivider /* This is used for EEMS not for EW  */{
    border-right: 1px solid #CCCCCC;
}

.formbackground {
    background-color: #FFFFFF;
    width: 100%;
    border: 2px solid #666666;
}
/********************************/
/* This is Master Page Footer   */
/********************************/
.skinfooter {
    background-color: #DDDDDD;
    height: 30px;
}

    .skinfooter a:link, .skinfooter a:visited {
        color: #0099cc;
        text-decoration: underline;
    }
      
        .skinfooter a:hover {
            color: #ff6600;
            text-decoration: none;
        }
 

.SideSpaceWidth {
    width: 10px;
}

.SideSpaceHeight {
    height: 10px;
}

.tips {
    color: #666666;
    font-size: 9px;
}

.longtxtbx {
    width: 250px;
}

.SuccessMsg {
    color: #006699;
}

.ErrorMsg {
    color: #a80303;
    font-size: 11px;
}

.highlightLabel {
    font-weight: bold;
    color: #006699;
    font-size: 13px;
}

.literal {
    font-family: Verdana, Arial;
    font-size: 11px;
}
/*Used by RadGrid's Filter Menu to make the font smaller*/
.FilterMenuClass1 td {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* This is background color for Ajax model popup window   */
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* Watermark background for textboxes */
.watermark {
    background: #EEEEEE;
}


/* ------   master CSS   ---*/

.MainPanel {
    background-image: url('../../images/RootItemBkg.gif');
    /* background-repeat:no-repeat; */
    height: 19px;
}

.menuicon {
    background-color: #33ccff;
}

div#divider {
    background-image: url('../../images/RootItemBkg.gif');
    height: 8px;
}

.menuicon2 {
    background-color: #33ccff;
}

.MainPanel table td span {
    padding-left: 5px;
    padding-right: 0px;
}

/* ------------------------------ Popup Charts ----------------*/

.popuptitleBarBg {
    height: 35px;
    background-image: url('../../images/popup-topbar-bg.gif');
    background-repeat: repeat-x;
    background-position: left top;
}

.popuplefttab {
    background-image: url('../../images/popup-left-tab.gif');
    background-repeat: no-repeat;
    background-position: left top;
    width: 12px;
    height: 35px;
}

.popuprighttab {
    background-image: url('../../images/popup-right-tab.gif');
    background-repeat: no-repeat;
    background-position: right top;
    width: 12px;
    height: 35px;
}

.popupmiddletab {
    background-image: url('../../images/popup-middle-tab.gif');
    background-repeat: repeat-x;
    background-position: left top;
}

.popupbottom {
    background-color: #99ccff;
    height: 15px;
}


/* --------------------- DashBoard styles -------------------------------- */
.announText {
    font-weight: bold;
    color: #CC3300;
    font-size: 13;
}

.chartBorderColor {
    border-color: #CCCCCC;
    border-width: 1px;
    border-collapse: collapse;
}

.smsQuotaTable1 {
    border-color: #CCCCCC;
    border-width: 1px;
    border-collapse: collapse;
    background-color: #EEEEEE;
}

.smsQuotaTable2 {
    border-color: #CCCCCC;
    border-width: 1px;
    border-collapse: collapse;
    background-color: #FFFFFF;
}

.chartSideHeader1 {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #006699;
    font-size: 13px;
}

.chartSideHeader2 {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 12px;
}



/* ------------------- BreadCrumb ------------------- */

.titleBarBg /* Breadcrumb normal */ {
    background-color: #DDDDDD;
    line-height: 30px;
    border-top: 5px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    font-weight: normal;
    font-size: 12px;
    color: #666666;
}

    .titleBarBg a:link, .titleBarBg a:visited /* Breadcrumb Link */ {
        color: #0099cc;
        text-decoration: underline;
    }

    .titleBarBg a:hover, .titleBarBg a:active /* Breadcrumb Link */ {
        color: #ff6600;
        text-decoration: none;
    }

.BrdCrumb_ArrowStyle /* Breadcrumb arrow spacing */ {
    height: 30px;
    margin-left: 2px;
    margin-right: 5px;
}

/*-- end of Breadcrumb style in the title bar --*/


/* ----------------  Recent Conversation styles ------------  */

.recentConvName {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 11px;
}

.recentConvDate {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #336699;
    font-size: 10px;
}

.convBg {
    background-color: #FFFFFF;
    background-image: url(../../images/ConvGradientBg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    padding: 3px 3px 3px 20px;
    vertical-align: top;
}

.convSeperator {
    height: 10px;
    width: 100%;
    border-bottom: 1px #CCCCCC dashed;
}

.smsTextBox {
    background-image: url(../../images/SMSTextBox.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 445px;
    height: 88px;
    padding: 7px;
    vertical-align: top;
}


/* ------------------- Broadcast SMS ---------------- */
.smsSeperator {
    height: 10px;
    width: 100%;
    border-bottom: 1px #CCCCCC solid;
}

.prevSMSPhone1 {
    background-image: url('../../images/prevPhone1.gif');
    background-repeat: no-repeat;
    background-position: left top;
}

.excelImportbutton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.RadGrid_Metro .rgHeader {
    color: #ffffff !important;
    background: #25a0da !important;
}

.RadGrid_Metro .rgRow td {
    border-color: #e5e5e5 #e5e5e5 !important;
}

.RadGrid_Metro .rgHeader a {
    color: #ffffff !important;
}

.radLeftPaneOverflow {
    overflow: auto !important;
    margin-right: -5px;
}

.RadGrid_Metro tr.rgRow td input {
    border: none !important;
}

.RadGrid_Metro tr.rgAltRow td input {
    border: none !important;
}

.RadGrid_Metro tr.rgEditRow td input {
    border: none !important;
}
.RadGrid_Metro tr.rgHeader th input {
    border: none !important;
    background:none;
}


.customTooltipCss
{
position:absolute; 
border:2px solid gray; 
width:200px; 
margin:-3em; 
padding:3px; 
background:#e9f8ff;
}



.msgSimul {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #CCCCCC;
    font-size: 12px;
}


.whatsthis {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #CCCCCC;
}

.txtBoxNoBorder {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 0px;
    border-color: #FFFFFF;
}