/*BODY SECTION OF DASHBOARD__________________________________________________________________________
.ajax__calendar_title {
    color: #0066cc;
    width: 150px;
    margin: auto;
    color: #ffffff;
    padding: 3px;
}

.cal_Theme1 .ajax__calendar_container {
    background-color: #DEF1F4;
    border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body {
    background-color: #ffffff;
    border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #004080;
}

.cal_Theme1 .ajax__calendar_day {
    color: #004080;
    text-align: center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active {
    color: #004080;
    font-weight: bold;
    background-color: #DEF1F4;
}

.cal_Theme1 .ajax__calendar_today {
    font-weight: bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}


BODY {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 100%;
    width: 100%;
    FONT-SIZE: 8pt;
    MARGIN: 0 0 0 0;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    background-color: white;
}

.loginBody {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 100%;
    width: 100%;
    FONT-SIZE: 8pt;
    MARGIN: 0 0 0 0;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    background-color: white;
}

.HeaderBody {
    FONT-SIZE: 8pt;
    MARGIN: 0 0 0 0;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    background-color: #252525;
}

.FooterBody {
    FONT-SIZE: 8pt;
    MARGIN: 0 0 0 0;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    background-image: url(images/footer1.jpg);
    border-top-color: #252525;
    border-top-style: ridge;
    border-top-width: 1px;
}

.LeftBody {
    FONT-SIZE: 8pt;
    MARGIN: 0 0 0 0;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    background-color: #FAFAFA;
}

.footerTable {
    background-image: url(images/footer1.jpg);
    background-repeat: repeat-x;
    color: Black;
    font-weight: bold;
}

.leftPageTable {
    HEIGHT: 100%;
    WIDTH: 100%;
}

.leftPageMenuTable {
    background-image: url(images/greyBar.gif);
    background-repeat: repeat-x;
    height: 25px;
    border: 1px solid #6B6B6B;
    width: 100%;
}

.leftPageMoveImage {
    height: 25px;
    width: 5px;
    background-image: url(images/move.gif);
    background-repeat: no-repeat;
}

.theMainMenuText {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    WIDTH: 79%;
    COLOR: black;
    FONT-FAMILY: Lucida Sans;
    height: 25px;
}

.leftPageCollapseImg {
    background-image: url(Images/collapse.jpg);
    background-repeat: no-repeat;
    width: 20px;
}

.leftPageExpangImg {
    background-image: url(Images/expand.jpg);
    background-repeat: no-repeat;
    width: 20px;
}


SCROLLBAR
body, html {
    scrollbar-face-color: #CBCED5;
    scrollbar-highlight-color: #DCDFE4;
    scrollbar-3dlight-color: #D4D0C8;
    scrollbar-shadow-color: #545454;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #E9EAEE;
    scrollbar-arrow-color: #787878;
    	Bluish
	scrollbar-arrow-color:navy; 
	scrollbar-face-color:#BED0E6; 
	scrollbar-track-color:#EDF2F6;
	scrollbar-highlight-color:#EDF2F6; 
	scrollbar-3dlight-color:#EDF2F6; 
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-darkshadow-color:#FFFFFF; 
}
Table css_____________________________________________________________________________________

thead {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    background: url(images/greyBar.gif);
    height: 30;
}

.theading also used in grid heading th {
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
    background: url(images/head1.jpg);
    background-image: url('../../New-layout/images/links_bg.jpg');
    background: rgba(84,143,201,1);
    background: -moz-linear-gradient(top, rgba(84,143,201,1) 0%, rgba(71,131,184,1) 46%, rgba(75,117,160,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,143,201,1)), color-stop(46%, rgba(71,131,184,1)), color-stop(100%, rgba(75,117,160,1)));
    background: -webkit-linear-gradient(top, rgba(84,143,201,1) 0%, rgba(71,131,184,1) 46%, rgba(75,117,160,1) 100%);
    background: -o-linear-gradient(top, rgba(84,143,201,1) 0%, rgba(71,131,184,1) 46%, rgba(75,117,160,1) 100%);
    background: -ms-linear-gradient(top, rgba(84,143,201,1) 0%, rgba(71,131,184,1) 46%, rgba(75,117,160,1) 100%);
    background: linear-gradient(to bottom, rgba(84,143,201,1) 0%, rgba(71,131,184,1) 46%, rgba(75,117,160,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#548fc9', endColorstr='#4b75a0', GradientType=0 );
    color: White;
    background-repeat: repeat-x;
}

.Header {
    font-family: Calibri;
    color: White;
    background: url(images/head1.jpg);
    background-image: url('../../New-layout/images/links_bg.jpg');
    background: rgba(84,143,201,1);
    background: -moz-linear-gradient(top, rgba(84,143,201,1) 0%, rgba(71,131,184,1) 46%, rgba(75,117,160,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,143,201,1)), color-stop(46%, rgba(71,131,184,1)), color-stop(100%, rgba(75,117,160,1)));
    background: -webkit-linear-gradient(top, rgba(84,143,201,1) 0%, rgba(71,131,184,1) 46%, rgba(75,117,160,1) 100%);
    background: -o-linear-gradient(top, rgba(84,143,201,1) 0%, rgba(71,131,184,1) 46%, rgba(75,117,160,1) 100%);
    background: -ms-linear-gradient(top, rgba(84,143,201,1) 0%, rgba(71,131,184,1) 46%, rgba(75,117,160,1) 100%);
    background: linear-gradient(to bottom, rgba(84,143,201,1) 0%, rgba(71,131,184,1) 46%, rgba(75,117,160,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#548fc9', endColorstr='#4b75a0', GradientType=0 );
    font-size: 16px;
    background-color: #7195A3;
    font-weight: bold;
}
    .Header td {
        padding-left:5px;
    }


    .TR1 {
        border: 1px solid #c0c0c0;
        background-color: #F0F0F0;
        font-family: Calibri;
        font-size: 12px;
    }
        .TR1 td {
            padding-left: 5px;
        }

.TR3 {
    border: 1px solid #c0c0c0;
    background-color: white;
    font-family: Calibri;
    font-size: 12px;
}
.TR3 td {
    padding-left: 5px;
}

.row0 {
    border: 1px solid #c0c0c0;
    background-color: #F0F0F0;
}

.row1 {
    border: 1px solid #c0c0c0;
    background-color: #E5E5E5;
}
Filter Table_____________________________________________________________________________________

.filterTable {
    background-color:#D4DDED; 
    border: 1px solid #AFBED1;
    color: black;
    font-weight: bold;
    border-bottom-style: ridge;
    background-image: url(images/heading7.png);
    background-repeat: repeat-x;
}

.filterCaption {
    background-color: #C2CEDC;
    font-weight: bold;
    font-size: larger;
    border-color: #AFBED1;
}

.filterCell {
    font-weight: bold;
    border-color: #AFBED1;
    background-color: #C2CEDC;
}

.panel {
    background-color:#D4DDED; 
    border: 1px solid gray;
}

.panel1 {
    background-color:#D4DDED; 
    border: 1px solid gray;
    background-color: #D7D7D7;
}

______________________________________________________________________________________________

________________________________________________________________________________________________
HTML Textbox, button, reset, submit, file browse, checkbox, radiobuttion and password field
IMG {
    border-style: none;
}

INPUT
{
	FONT-SIZE: 12px; FONT-FAMILY: Arial, sans-serif; background-color:#F4F4F4;
}

HTML SELECT 
SELECT
{
	background-color:#F2F2F2;
}

UL {
    padding:0px;
   
    LIST-STYLE-POSITION: outside;
    
    MARGIN: 5px;
    
    LIST-STYLE-TYPE: square
}

LI {
    FONT-SIZE: 12px;
    FONT-FAMILY: Calibri;s
    MARGIN-LEFT: 15px;
    LINE-HEIGHT: 1.5em;
    background-color: white;
}

textarea {
    background-color: #F2F2F2;
    	MARGIN-LEFT: 15px; LINE-HEIGHT: 1.5em; background-color:Red;
     you can set scroll bar here also
}
special controls _________________________________________________________________________________
.error {
    color: Red;
}

.msg {
    color: Green;
}

.welComeMessage {
    font-weight: bold;
    position: relative;
    color: navy;
    filter: Blur(Add=2, Direction=135, Strength=8)
}

.formCaption {
    FONT-FAMILY: Verdana, Arial, Sans-Serif;
    background-color: #D4DDED;
    font-weight: bold;
    color: black;
}

.heading1 also used as form label heading  {
    FONT-FAMILY: Verdana, Arial, Sans-Serif;
    color: black;
    height: 20;
}

.button {
    background: url(images/button.JPG);
    border-style: groove;
    border-width: thin;
    border-color: Gray;
    color: white;
    font-size: small;
}

 for common heading
.HeaderControl {
    background-color: #c3daf9;
    background-image: url(background3.gif);
    background-repeat: repeat-x;
    padding: 0px 0px 0px 0px;
    font: bold 10px Verdana, Arial, "Trebuchet MS", Sans-serif;
    color: white;
    cursor: default;
}
 for module link in footer page
.ModuleLink {
    HEIGHT: auto;
    border-right: white 2px solid;
    border-top: white 2px solid;
    border-left: white 2px solid;
    border-bottom: white 2px solid;
    cursor: hand;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    width: auto;
    color: white;
    background-color: #cc9933;
}
 for selected module link in footer page 
.selectedLink {
    HEIGHT: auto;
    border-right: #cc9933 2px solid;
    border-top: #cc9933 2px solid;
    border-left: #cc9933 2px solid;
    border-bottom: #cc9933 2px solid;
    cursor: hand;
    font-family: Verdana;
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
    width: auto;
    color: #cc9933;
    font-weight: bold;
    background-color: white;
}

.gridHeading {
    background-image: url(images/heading1.gif);
    background-repeat: repeat-x;
}

.gridBackground {
    background-color: Gray;
}

.pagerStyle {
    background-image: url(images/heading1.gif);
}*/