body {
    background-color: #f5f5f5;
    padding: 0;
    margin: 0;
    margin-left: 0;
    margin-top: 0;
    vertical-align: middle;
    font-size: 11px;
    color: #000000;
    font-family: "Verdana", "Helvetica", "Tahoma";
}


/*      CSS for Banner            */

div#banner {
    background-color: #f5f5f5;
    text-align: left;
    font-size: 11px;
}
/*   End For   CSS for Banner            */

/*      CSS for bannersidenav            */

div#bannersidenav {
    text-align: right;
    font-size: 10px;
    width: 97%;
    overflow: hidden;
}

    div#bannersidenav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    div#bannersidenav li {
        display: inline;
        border-right: 1px solid #000;
        line-height: 1.1em;
        margin: 0 -.5em 0 .5em;
        padding: 0 .5em 0 .5em;
    }

        div#bannersidenav li a {
            color: #ffffff;
            text-decoration: none;
        }

            div#bannersidenav li a:hover {
                color: Maroon;
            }


/*   End For   CSS for bannersidenav            */

/*      CSS for submenu            */

div#submenu {
    text-align: right;
    font-size: 11px;
    width: 90%;
    overflow: hidden;
    vertical-align: bottom;
}

    div#submenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }


    div#submenu li {
        display: inline;
        border-right: 1px solid #000;
        line-height: 1.1em;
        margin: 0 -.5em 0 .5em;
        padding: 0 .5em 0 .5em;
    }

        div#submenu li a {
            color: Maroon;
            text-decoration: none;
        }

            div#submenu li a:hover {
                color: #04568d;
            }

        div#submenu li.current a {
            color: #04568d;
        }



/*   End For   CSS for submenu            */

/*      CSS for Main Menu             */

.mainmenu {
    position: relative;
    padding: 0 0 0 34px;
    margin: 0 auto 0 auto;
    background: url(../images/menub_bg.gif) repeat-x; /*tab background image path*/
    height: 35px;
    list-style: none;
}

    .mainmenu li {
        float: right;
    }

        .mainmenu li a {
            float: left;
            display: block;
            color: #000;
            text-decoration: none;
            font-family: "Verdana", "Helvetica", "Tahoma";
            font-size: 11px;
            font-weight: normal;
            padding: 0 0 0 14px; /*Padding to accomodate left tab image. Do not change*/
            height: 35px;
            line-height: 35px;
            text-align: center;
            cursor: pointer;
        }

            .mainmenu li a b {
                float: left;
                display: block;
                padding: 0 24px 0 8px; /*Padding of menu items*/
            }

            .mainmenu li.current a, .mainmenu li a:hover {
                color: #ffffff;
                background: url(../images/menub_hover_left.gif) no-repeat; /*left tab image path*/
                background-position: left;
            }

                .mainmenu li.current a b, .mainmenu li a:hover b {
                    color: #ffffff;
                    background: url(../images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
                }


#officecontactslink {
    position: fixed;
    right: 0;
    top: 38%;
    width: 40px;
    margin: 0px;
}

#loginheader {
    background-color: #ffffff;
    width: 100%;
    border-bottom: 1px solid;
    border-color: #ddd;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

/*    End For  CSS for Main Menu             */


/*      CSS for Page Title             */

.pagetitle {
    clear: both;
    padding: 0em 240px;
    background: url(../images/dot.png) 50% 50% repeat-x;
    color: #cb6d05;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    width: 883px;
}

    .pagetitle span {
        background-color: #f5f5f5;
        padding: 0 10px;
    }

/*    End for  CSS for Page Title             */

/*      CSS for Page Content             */

div#pagecontent {
    font-size: 11px;
}

div#entryformcontent td {
    text-align: left;
    height: 20px;
}

div#entryformcontent .entryformlabel {
    text-align: right;
}

div#entryformcontent .entryformlabel_9font {
    text-align: left;
    font-size: 9px;
}

    div#entryformcontent .entryformlabel_9font span {
        color: #ff0000;
    }

div#entryformcontent .entryformlabel span {
    color: #ff0000;
}

div#entryformcontent .entryformtitle {
    text-align: left;
    color: #ffffff;
    background-color: #006699;
    height: 18px;
}

div#entryformcontent .entryformtitle2 {
    text-align: center;
    color: #cb6d05;
    height: 18px;
}

div#entryformcontent2 td {
    text-align: left;
    height: 20px;
}

div#entryformcontent2 .entryformlabel {
    text-align: right;
}

    div#entryformcontent2 .entryformlabel span {
        color: #ff0000;
    }

div#entryformcontent2 .entryformtitle {
    text-align: left;
    color: #ffffff;
    background-color: #006699;
    height: 18px;
}

div#entryformcontent2 .entryformtitle2 {
    text-align: center;
    color: #cb6d05;
    height: 18px;
}


/*    End for  CSS for Page Content             */


/*      CSS for footerstripe            */
#footerstripe {
    position: relative;
    padding: 0;
    margin: 0 auto 0 auto;
    background: url(../images/footerstripe.gif) repeat-x;
    height: 2px;
    list-style: none;
}

/*   End for   CSS for footerstripe            */


/*      CSS for footer          */
div#footer {
    clear: both;
    padding: .5em 1em;
    border-top: 2px solid #13303f;
    text-align: right;
    font-size: 9px;
    color: #454446;
}

    div#footer ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        width: 400px;
    }

    div#footer li {
        display: inline;
        margin-right: .5em;
    }

        div#footer li a {
            color: Maroon;
            text-decoration: none;
        }

            div#footer li a:hover {
                color: #04568d;
            }

.footer_page {
    font-size: 10px;
    color: #454446;
    font-family: "Verdana", "Helvetica", "Tahoma";
}

/*      End for footer          */

/*     Customized CSS         */

/* For Template */


.userinfo {
    font-style: italic;
    color: #ffffff;
}

.projecttitle {
    color: #cb6d05;
    font-weight: bold;
}

.userlogininfo {
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    color: #cb6d05;
    font-weight: normal;
}


/* End For Template */


/* For User Entry Form/View */
.notificationinfo {
    color: #c91810;
}

.pagesubtitle {
    font-size: 15px;
    font-weight: bold;
    color: #08456d;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
}

.pagesubcontent {
    font-size: 12px;
    color: #000000;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
}

.importantinfo {
    font-weight: bold;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    color: #f6562b;
    font-size: 12px;
}

.pagesubtitle2_withbg {
    text-align: left;
    color: #ffffff;
    background-color: #006699;
    height: 18px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    font-size: 12px;
}

.pagesubtitle3 {
    text-align: left;
    color: #cb6d05;
    height: 18px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    font-size: 11px;
}

/* for Public folder */
.entryform_userinfo {
    font-style: italic;
    color: #00008b;
    font-size: 11px;
    font-family: Verdana, Helvetica,Tahoma;
}

/* for Private folder */
.entryform_userinfo2 {
    font-style: italic;
    color: #996600;
    font-size: 11px;
    font-family: Verdana, Helvetica,Tahoma;
}

.webpagehelptitle 
{
    color: #db6c00;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    font-weight: bold;
    font-size: 18px;
    height: 18px;
    text-align: center;
    padding: 10px;
}

.webpagehelpsubtitle 
{
    color: #db6c00;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    font-weight: normal;
    font-size: 12px;
    height: 18px;
    text-align: left;
}

.ctrlul {
    line-height: 16px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    font-size: 11px;
}

/* End For User Entry Form/View */

/*   Controls CSS as Below :: */
.ctrltextbox {
    background-color: #ffffff;
    height: 14px;
    width: 300px;
    border: 1px solid steelblue;
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
}

.ctrltextbox_readonly {
    background-color: #f9ebeb;
    /*ffe0c0  */
    height: 14px;
    width: 300px;
    border: 1px solid steelblue;
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
}

.ctrltextbox_readonly_rightalign {
    background-color: #FFE0C0;
    height: 14px;
    width: 300px;
    border: 1px solid steelblue;
    font-size: 11px;
    text-align: right;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
}

.ctrllabel {
    height: 16px;
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
}

.ctrllabel_info {
    font-size: 11px;
    font-family: "Verdana", "Helvetica", "Tahoma";
    color: #003399;
}

.ctrldropdownlist {
    background-color: #ffffff;
    height: 20px;
    width: 200px;
    font-size: 11px;
    border: 1px solid steelblue;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman';
}

.ctrlbutton {
    background: #1973ae;
    color: #ffffff;
    width: 80px;
    height: 22px;
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
}


.ctrllinkbutton:link, .ctrllinkbutton:visited {
    font-size: 12px;
    color: Maroon;
    text-decoration: none;
}

.ctrllinkbutton:hover {
    font-size: 12px;
    color: #04568d;
    text-decoration: none;
}

.ctrllinkbutton_menu:link, .ctrllinkbutton_menu:visited {
    font-size: 12px;
    color: #006699;
    font-weight: bold;
    text-decoration: none;
}

.ctrllinkbutton_menu:hover {
    font-size: 12px;
    color: #059fec;
    font-weight: bold;
    text-decoration: none;
}

.ctrllinkbutton_menu2:link, .ctrllinkbutton_menu2:visited {
    font-size: 12px;
    color: #006699;
    font-weight: bold;
    text-decoration: none;
}

.ctrllinkbutton_menu2:hover {
    font-size: 12px;
    color: #A346AA;
    font-weight: bold;
    text-decoration: none;
}

.ctrlfileupload {
    background: white;
    color: black;
    border-right: steelblue 1px solid;
    border-top: steelblue 1px solid;
    border-left: steelblue 1px solid;
    border-bottom: steelblue 1px solid;
    font-family: "Verdana", "Helvetica", "Tahoma";
    font-size: 11px;
    border-style: groove;
    Height: 19px;
}

.ctrlTreeView_TextWrap {
    white-space: normal;
}

/*  Validation Controls      */
.ctrlrequiredfieldvalidator_starmsg {
    font-size: 12px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    color: #ff0000;
    font-weight: normal;
}

.ctrlrequiredfieldvalidator {
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    color: #ff0000;
    font-weight: normal;
}

.ctrlregularexpressionvalidator {
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    color: #ff0000;
    font-weight: normal;
}

.ctrlcomparevalidator {
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    color: #ff0000;
    font-weight: normal;
}

.ctrlrangevalidator {
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    color: #ff0000;
    font-weight: normal;
}


/* End for  Validation Controls      */

/*   Progress Bar      */
.ModalBackground2 {
    background-color: #666699;
    background-image: url(../Images/probodybackground.jpg);
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.progressbarModalPopup {
    position: absolute;
    left: 700px;
    top: 259px;
    background-color: White;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
    font-family: "Verdana", "Helvetica", "Tahoma";
    font-size: 11px;
    color: Black;
}
/*  End for Progress Bar      */

/*   gridview      */
.ctrlgridview_headerstyle {
    font-size: 11px;
    color: #ffffff;
    font-family: "Verdana", "Helvetica", "Tahoma";
    background-color: #527e52;
    height: 18px;
    font-weight: normal;
}


.ctrlgridview_itemstyle {
    font-weight: normal;
    font-size: 11px;
    font-family: "Verdana", "Helvetica", "Tahoma";
    height: 15px;
}

.ctrlgridview_alternatingitemstyle {
    background-color: #F0F0F0;
}

.ctrlgridview_selecteditemstyle {
    font-size: 11px;
    font-family: "Verdana", "Helvetica", "Tahoma";
    height: 15px;
    background-color: #F0F0F0;
}

.ctrlgridview_emptyStyle {
    font-size: 11px;
    font-family: "Verdana", "Helvetica", "Tahoma";
    height: 18px;
    text-align: center;
    color: #ffffff;
    background-color: #527e52;
}

.ctrlgridview_labelstyle {
    font-size: 11px;
    font-family: "Verdana", "Helvetica", "Tahoma";
    color: #003399;
}

.ctrlgridview_footerstyle {
    background-color: #006699;
    height: 1px;
}

.ctrlgridview_pagerstyle {
    font-size: 11px;
    font-family: "Verdana", "Helvetica", "Tahoma";
    height: 15px;
    color: #04568d;
    text-align: left;
    text-decoration: none;
}

    .ctrlgridview_pagerstyle a:link {
        text-decoration: none;
    }

.ctrlgridview_actionlinkstyle {
    color: #996600;
}

.ctrlgridview_morelinkstyle:link, .ctrlgridview_morelinkstyle:visited {
    color: #000000;
    text-decoration: none;
}

.ctrlgridview_morelinkstyle:hover {
    color: #996600;
    text-decoration: none;
}

.ctrlgridview_downloadlinkstyle:link, .ctrlgridview_downloadlinkstyle:visited {
    color: #996600;
    text-decoration: none;
}

.ctrlgridview_downloadlinkstyle:hover {
    color: #003399;
    text-decoration: none;
}


.ctrlgridview_action2linkstyle:link, .ctrlgridview_action2linkstyle:visited {
    color: Maroon;
    text-decoration: none;
}

.ctrlgridview_action2linkstyle:hover {
    color: #04568d;
    text-decoration: none;
}

/* Another Set for  gridview     */
.ctrlgridview {
    width: 100%;
    background-color: #fff;
    color: White;
    margin: 0px 0 15px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .ctrlgridview td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #000;
    }

    .ctrlgridview th {
        padding: 4px 2px;
        color: Yellow;
        background: #527e52 url(grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
        font-weight: normal;
    }

    .ctrlgridview .alt {
        background: #fcfcfc;
    }

    .ctrlgridview .empty {
        background: #F0F0F0 url(grd_alt.png) repeat-x top;
        text-align: center;
    }

    .ctrlgridview .selecteditm {
        background: #F0F0F0;
    }

    .ctrlgridview .pgr {
        background: #527e52;
    }

        .ctrlgridview .pgr table {
            margin: 5px 0;
        }

        .ctrlgridview .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .ctrlgridview .pgr a {
            color: #666;
            text-decoration: none;
        }

            .ctrlgridview .pgr a:hover {
                color: #000;
                text-decoration: none;
            }



/* end for   gridview     */


/*CSS for Ajax controls */

/*Modal Popup*/
.modalbackground {
    background-color: #666699;
    filter: alpha(opacity=70);
    opacity: 0.8;
}

.modalpopup {
    background-color: #f5f5f5;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 320px;
}

.modalpopup_addressstyle {
    font-size: 11px;
    font-family: "Verdana", "Helvetica", "Tahoma";
    overflow: auto;
    border: none;
    background-color: #f5f5f5;
}

.listsearchextenderprompt {
    font-style: italic;
    font-family: "Verdana", "Helvetica", "Tahoma";
    color: Maroon;
    background-color: Yellow;
    font-size: 12px;
}

/* End for CSS for Ajax controls */


/* public template border starts*/
.publictemplate .topx-- {
    background-image: url(../Images/frame-topx--.gif);
    background-repeat: no-repeat;
    width: auto;
    height: 4px;
    vertical-align: top;
}

.publictemplate .top-x- {
    background-image: url(../Images/frame-top-x-.gif);
    background-repeat: repeat-x;
    width: auto;
    height: 4px;
}

.publictemplate .top--x {
    background-image: url(../Images/frame-top--x.gif);
    background-repeat: no-repeat;
    width: auto;
    height: 4px;
    vertical-align: top;
}

.publictemplate .midx-- {
    background-image: url(../Images/frame-midx--.gif);
    background-repeat: repeat-y;
    width: 4px;
    height: 100%;
}

.publictemplate .mid--x {
    background-image: url(../Images/frame-mid--x.gif);
    background-repeat: repeat-y;
    width: 4px;
    height: 100%;
}

.publictemplate .botx-- {
    background-image: url(../Images/frame-botx--.gif);
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
    vertical-align: top;
}

.publictemplate .bot-x- {
    background-image: url(../Images/frame-bot-x-.gif);
    background-repeat: repeat-x;
    width: auto;
    height: 4px;
}

.publictemplate .bot--x {
    background-image: url(../Images/frame-bot--x.gif);
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
    vertical-align: bottom;
}
/* public template border end here */


/*   End For  Customized CSS         */

/*********************************************************************************/
/* Enchancement of Custom Styles */
/*********************************************************************************/

.page-h11 {
    font-family: inherit;
    color: inherit;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0px;
    text-decoration: none;
    font-size: 11px;
}

.page-h12 {
    font-family: inherit;
    color: inherit;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0px;
    text-decoration: none;
    font-size: 12px;
}

.page-h14 {
    font-family: inherit;
    color: inherit;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0px;
    text-decoration: none;
    font-size: 14px;
}

.page-h16 {
    font-family: inherit;
    color: inherit;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0px;
    text-decoration: none;
    font-size: 16px;
}

.normal {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

.page-h11 .normal, .page-h11 normal, .page-h12 .normal, .page-h12 normal, .page-h14 .normal, .page-h14 normal, .page-h16 .normal, .page-h16 normal {
    font-weight: normal;
}

/*********************************************************************************/

.text-mutedcolor {
    color: #000000;
}

a.text-mutedcolor:hover {
    color: #ffffff;
    text-decoration: underline;
}

/*********************************************************************************/
.text-primary-bnlcolor {
    color: #cb6d05;
}

a.text-primary-bnlcolor:hover {
    color: #003399;
    text-decoration: underline;
}

.text-primary-blcolor {
    color: #003399;
}

a.text-primary-blcolor:hover {
    color: #cb6d05;
    text-decoration: underline;
}

.text-primary-wtcolor {
    color: #ffffff;
}

a.text-primary-wtcolor:hover {
    color: #000000;
    text-decoration: underline;
}

.text-primary-greycolor {
    color: #676a6c;
}

a.text-primary-greycolor:hover {
    color: #ff0000;
    text-decoration: none;
    cursor: pointer;
}

/*********************************************************************************/
.text-info-bncolor {
    color: #996600;
}

a.text-info-bncolor:hover {
    color: #0066CC;
    text-decoration: none;
}

.text-info-bllcolor {
    color: #0066CC;
}

a.text-info-bllcolor:hover {
    color: #996600;
    text-decoration: underline;
}

.text-info-ylcolor {
    color: Yellow;
}

a.text-info-ylcolor:hover {
    color: #000000;
    text-decoration: none;
}

/*********************************************************************************/
.text-danger-rdcolor {
    color: #ff0000;
}

a.text-danger-rdcolor:hover {
    color: #676a6c;
    text-decoration: none;
    cursor: pointer;
}

/*********************************************************************************/

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-decoration-none {
    text-decoration: none;
}


/*********************************************************************************/

.page-label {
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    padding: 0px 5px; /*border-left: solid 1px #525252;   border-right: solid 1px #525252;    padding:   */ /*border-radius: .25em;  padding: .2em .6em .3em; vertical-align: baseline;  white-space: nowrap;    line-height: 1;    text-align:center;     border-left: solid 1px #525252;     border-right: solid 1px #525252; 	color: #ffffff; 	background-color:#006699; 	height:22px;  display: inline-block; 	 */
}

    .page-label[href]:hover, .page-label[href]:focus {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
    }

    .page-label:empty {
        display: none;
    }

.page-label-default {
    background-color: #006699;
}

    .page-label-default[href]:hover, .page-label-default[href]:focus {
        background-color: #006699;
    }





/*********************************************************************************/

/* For Entry Form */

.panel-body > .panel-form > table > tbody > tr > td {
    padding: 3px;
    line-height: 1.42857143;
    vertical-align: top;
    text-align: left;
}

    .panel-body > .panel-form > table > tbody > tr > td.formlabel {
        text-align: right;
    }

    .panel-body > .panel-form > table > tbody > tr > td > .formimplabel {
        color: #ff0000;
    }

.formimplabel {
    color: #ff0000;
}


/*********************************************************************************/

/********************************************************************************/

.mainlink:link, .mainlink:visited {
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    font-size: 11px;
    color: #767676;
    text-decoration: none;
    font-weight: bold;
}

.mainlink:hover {
    color: #ed1a3b;
    text-decoration: none;
    font-weight: bold;
}



.dropdownform ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: right;
}

.dropdownform li {
    float: left;
}

.dropdownform .triggerbtn:link, .triggerbtn:visited {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 3px 6px;
    font-size: 11px;
    line-height: 1.42857143;
    border-radius: 4px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
}


.dropdownform .triggerbtn:hover {
    /*background: #fff;*/
    color: #ffffff;
    background-color: #39b3d7;
    border-color: #269abc;
    text-decoration: none;
}

.dropdownform .triggerbtn-content {
    display: none;
    position: absolute;
    top: 28px;
    right: 0;
    z-index: 999;
    background: #fff;
    padding: 10px;
    border: 1px solid grey;
    box-shadow: 6px 6px 4px #888888;
    border-radius: 3px 0 3px 3px;
}

.dropdownform li .triggerbtn-content {
    right: 0; /*  width: 400px;  */
}


ul.gridviewpagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    ul.gridviewpagination li {
        display: inline;
        width: 0px;
    }

        ul.gridviewpagination li a {
            color: #0066CC;
            float: left;
            padding: 4px 30px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            text-align: center;
        }

            ul.gridviewpagination li a.aspNetDisabled {
                color: #cb6d05;
                float: left;
                padding: 4px 30px;
                text-decoration: none;
                transition: background-color .3s;
                border: 1px solid #ddd;
                text-align: center;
            }

            ul.gridviewpagination li a:hover {
                background-color: #ddd;
                text-decoration: none;
                color: #cb6d05;
            }

/* settings for Accordion*/

.accordionHeader {
    border: none;
    color: white;
    background-color: #006699;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    font-size: 11px;
    padding: 5px;
    margin-top: 6px;    
    cursor: pointer;
    vertical-align: middle;
}

.accordionHeader a 
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover 
{
    color: #db6c00;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected {
    border: none;
    color: white;
    background-color: #db6c00;
    font-family: Verdana, Tahoma, Arial, 'Times New Roman', 'Trebuchet MS';
    font-size: 11px;
    padding: 5px;
    margin-top: 6px;    
    cursor: pointer;
    vertical-align: middle;
}

.accordionHeaderSelected a 
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover 
{
    background: none;
    text-decoration: none;
}

.accordionContent {
    background-color: #ffffff; /*old color #D3DEEF*/
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/* end of settings for Accordion*/