/******START for Common Tags ************************************/

*
{
    font-size: 12px;
    font-weight: 700;
}
body
{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    font-family: "Arial" , Times New Roman, Verdana, Trebuchet M,S sans-serif, Calibri Arial, Tahoma;
}
/******
layout css  : 1.1
Modidy by   : dj singh
modidy date : 2 jan 2013

************************************/
.grayeesh
{
    border: 1px solid #7F9DB9;
    display: block;
    height: 15px;
    background-color: #F7F7F7;
    padding: 1px 3px;
    width: 120px;
}

*
{
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
}


/* ----- header part  -------*/
.wrapper
{
    width: 100%;
}
.wrapper .header
{
    height: 90px;
    width: 100%;
    background: #2F90DD url(../images/bg_header.jpg) repeat-x bottom left;
    border-bottom: 2px solid #004184;
}


.wrapper .DivHeaderHide
{
    display: none;
    height: 80px;
    width: 480px;
    display: block;
    margin-top: -54px;
    position: relative;
    z-index: 100;
}
.CompanyName
{
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin: 0px 0 0 140px;
}
.CompanyName1
{
    color: #fff;
    font-size: 20px;
    margin: 0px 0 0 0px;
}


/* ----- end header part  -------*/


.PageWrapper
{
    width: 98.5%;
    margin-left: auto;
    margin-right: auto;
}
a:link
{
}
table, tr
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    padding: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
}
td
{
    /*padding-right: 10px;*/
}

.separator
{
    height: 7px;
    clear: both;
}
.separator_topmenu
{
    height: 2px;
    clear: both;
}
.logoutWrapper
{
    border-left: 1px solid Green;
    background-color: Green;
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity='0');
    opacity: 0.7;
}
/******End for Common Tags ************************************/

/****** HIMS login page css ************************************/

#HIMS_login
{
    height: 720px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 35px 0 0 285px;
    background: url('../Images/login/HIMS_login.jpg') no-repeat left top;
}

#HIMS_login table
{
    width: 700px;
}
#HIMS_login table tr
{
    vertical-align: top;
}
#HIMS_login table tr td table
{
    background: url('../Images/login/bg_user_login.png') no-repeat left top;
}

#HIMS_login table tr td table tr td.left
{
    color: #fff;
    padding: 5px;
    padding-left: 25px;
    width: 70px;
}




/****** END HIMS login page css ************************************/

/******START for Navigation (menu Control)************************************/
.tdMenuWrapper
{
    /* padding-left: 6px;     background-image: url(../images/header_bg_.jpg);     border-left: 1px solid Green;     background-color: Green;*/
}
.MenuWrapper
{
    width: 80%;
    float: left;
    position: relative;
    margin-left: 10px;
    bottom: 0;
}
.menuMainItemSelected
{
}
.menuitem
{
    padding: 5px;
}

.menuitem:link
{
}
.menuitem:visited
{
}

.menuitem:hover
{
}

.menuMainItem
{
    color: #fff;
    background-color: #004184;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    border: 1px solid #0D68B9;
    min-width: 70px;
    text-align: center;
    font-size: 14px;
    padding: 5px 10px!important;
    margin-right: 3px;
}
.menuMainItem:hover
{
    color: #444;
    background-color: #E3EFFF;
}

.home
{
    color: #fff;
    height: 15px;
    width: 20px;
    background: #004184 url(../Images/home.png) no-repeat center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    float: left;
    position: relative;
    padding: 5px 10px;
    margin: 65px 3px 0 35px;
    border-bottom: 2px solid #004184;
}
.home:hover
{
    height: 15px;
    width: 20px;
    background: #E3EFFF url(../Images/homeOv.png) no-repeat center;
}
.menuDynamicItemMenu
{
    cursor: hand;
    background-color: #E3EFFF;
    padding: 3px 20px 0 10px;
    display: block;
    height: 15pt;
    color: #333;
}
/* Last Level Menu Style - HOVER */
.menuDynamicItemMenu:hover
{
    background-color: #C1DAF4;
    display: block;
    height: 15pt;
    color: #3468D6;
}
.menuDynamicItemSelected
{
    cursor: hand;
    background-color: #E3EFFF;
    padding: 3px 0 0 10px;
    display: block;
    height: 15pt;
    color: #333;
    width: 150px;
}


.FullDynamicMenu
{
    border: thin solid #C9DDF7;
    border-top: 0px;
    background-color: #E3EFFF;
}

.FullDynamicMenu:hover
{
    border: thin solid #C9DDF7;
    border-top: 0px;
}

/*
a:link
{
    font-family: Tahoma;
    font-size: 12px;
    color: #650105;
}
a:visited
{
    font-family: Tahoma;
    font-size: 12px;
    color: #650105;
}
a:hover
{
    font-family: Tahoma;
    font-size: 12px;
    color: #660000;
    text-decoration: none;
}*/
/******END for Navigation (menu Control)************************************/

/* login style  - begin */
#tabLogin tr td
{
    font-size: 13px;
}
.loginCompanyName
{
    font-size: 26px;
    color: Green;
    font-weight: bold;
    text-align: center;
}
.loginProductName
{
    font-size: 15px;
    color: Blue;
    font-weight: bold;
    text-align: center;
}
.loginHead
{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid black;
}
.cusButtonLogin
{
    width: 80px;
}
.cusDropDownLogin
{
    width: 150px;
}
.cusLongDropDown
{
    width: 250px;
}
.cusTextBoxLogin
{
    width: 145px;
    color: Black;
}
.panLogin
{
    background-color: #cccccc;
    width: 270px;
    height: 160px;
}
.panLogin table
{
    background-color: #cccccc;
}

/* new login style */
.CompanyNameWrapper
{
    background: url("../images/login/default_04.jpg") no-repeat;
    width: 585px;
    height: 53px;
}
.nCompanyInfoWrapper
{
    background: url("../images/login/default_06.jpg") no-repeat;
    width: 585px;
    height: 85px;
}
.nProductNameWrapper
{
    background: url(../images/login/loginBlank_09.jpg) no-repeat;
    width: 727px;
    height: 35px;
}
.nLoginCompanyName
{
    font-size: 20px;
    font-weight: bold;
    color: #339900;
}
.nLoginCompanyInfo
{
    background: url("../images/login/default_06.jpg") no-repeat;
    width: 585px;
    height: 85px;
    padding-top: 10px;
}
.LoginErrorRed
{
    color: Red;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 30px;
    padding-right: 5px;
    background: url(../images/cancel.gif) no-repeat white;
}
#LoginTable td
{
}
.nLoginHIMS
{
    text-align: center;
    font-size: 17px;
}
.cusnLoginTextBox
{
    font-size: 12px;
    height: 17px;
    width: 190px;
    border: none;
    color: Black;
}

.cusnLoginDropDown
{
    height: 17px;
    width: 190px;
    border: none;
}
.CompanyInfoWrapper
{
    background: url(../images/login/default_04.jpg) no-repeat;
}
.nLoginFooter
{
    font-size: 9px;
}
#nLoginTable
{
    background-color: white;
}
#nLoginTable td.LoginLabelWrapper
{
    background-color: #597992;
    color: White;
}
#nLoginTable td
{
}
/* login - end */


/******START for Form Control************************************/
.errorText
{
    font-weight: bold;
    color: #CC3348;
    padding-left: 4px;
}
.errorRed
{
    color: #ff0000;
}
.textBold
{
    font-weight: bold;
    color: #666666;
}

.textNormal
{
    font-weight: normal;
    color: #333333;
}
.text01b
{
    font-weight: bold;
    color: #666666;
}

.dropDown
{
    color: #003366;
}

.commonButton
{
    background-color: #F1F1F1;
    border-color: #333366;
    border-width: 1px;
    color: #650105;
    cursor: hand;
    width: 70px;
}

.breadcrumbs
{
    color: #650105;
    font-weight: normal;
}

.linkButton:link
{
    color: #000066;
}

.linkButton:hover
{
    color: #000066;
}

.linkButton:visited
{
    color: #000033;
}

.text02b
{
    font-weight: bold;
    color: #000000;
}

/******END for Form Control************************************/

/* master page header style - start */

#masthead
{
    width: 100%;
    height: 70px;
    border-left: 0px solid #6699FF;
    border-right: 0px solid #6699FF;
    margin-left: auto;
    margin-right: auto;
}

#logo
{
    float: left;
    height: 70px;
    margin: 15px 0 0 50px;
}
#logo img
{
    width: 80px;
    height: 80px;
}

.HeaderWrapper
{
    border: 0px solid #cccccc;
    width: 100%;
    height: 75px;
}
.HeaderWrapper tr td
{
    /*color: White;*/
}
.HeaderWrapper tr td.comInfo a
{
    color: black;
    text-decoration: None; /*color:white*/
}


.LoginDetailWrapper
{
    float: right;
    width: 360px;
    height: 43px;
    display: block;
    position: relative;
    text-align: left;
    color: #fff;
    margin-top: 21px;
    top: 0px;
    left: -12px;
}
.LoginDetailWrapper a
{
    text-decoration: none;
    color: White;
}
.LoginDetailWrapper a:hover
{
    text-decoration: underline;
    color: White;
}
.LoginName
{
    font-size: 12px;
}
.LoginTime
{
    font-size: 11px;
}
a.LogoutButton
{
    color: Black;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 3px;
    float: right;
}
a.LogoutButton:hover
{
    border: 1px solid #cccccc;
    padding: 2px;
}

/* master page header style - end */
.ContentPageWrapper
{
    padding: 10px;
    background-color: White;
}
.tdContainerWrapper
{
    height: 500px;
    width: 100%;
}
.ContentWrapper
{
    padding: 5px;
    width: auto;
}
.footerWrapper
{
    text-align: center;
    z-index: 150;
    padding: 5px;
    bottom: 0;
    position: fixed;
    display: block;
    height: 20px;
    width: 100%;
    margin: auto;
    color: #000;
    background: #5595D3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.footerWrapper a
{
    color: #000;
    text-decoration: none;
}
.TopErrorWrapper
{
    color: Red;
}
.TopSuccessWrapper
{
    color: Black;
}
.FailedlMessage
{
    color: darkred;
    padding-left: 2px;
    font-size: 12px;
    height: 17px;
}
.TopSuccessMessage
{
    color: Black;
    padding-left: 5px;
    font-size: 12px;
    height: 23px;
}
.PanelWrapper
{
    width: 99%;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid #cccccc;
    padding: 5px;
}
.PanelTopMessageWrapper
{
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid #cccccc;
    padding: 5px;
    background: url(../images/topmsgbg.png) repeat-x;
}
.cusButton
{
    background-color: #004184;
    border: 1px solid #023263;
    width: 80px;
    padding: 2px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
}
.cusButton:hover
{
    background-color: #033B75;
    border: 1px solid #519BAF;
    width: 80px;
    padding: 2px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; /*  width: 80px;  font-size: 12px;     border-top-left-radius:5px;     border-bottom-left-radius:55px;         	-moz-border-top-left-radius:15px; 	-webkit-border-bottom-left-radius:15px;     */
    cursor: default;
}
.cusButtonDisabled
{
    background-color: #C3D8E3;
    border: 1px solid #CCD9E0;
    width: 80px;
    padding: 2px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: ##717578;
}


.cusTextBox
{
    border: 1px solid #7F9DB9;
    padding: 3px 3px;
    color: #222;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0px;
}
.cusTextBoxError
{
    border: 1px solid red;
    padding: 1px 3px;
    margin-bottom: 0px;
    background-color: #FFF9F0;
    color: darkRed;
}


.cusRadioButton
{
    border: 1px solid #7F9DB9;
    padding: 1px 3px;
    margin-bottom: 0px;
}

.cusTextBoxLong
{
    width: 190px;
    color: Black;
}
.cusTextBoxShort
{
    width: 50px;
    color: Black;
}
.cusTextBoxVShort
{
    width: 35px;
    color: Black;
}
.cusDropDown
{
    border: 1px solid #7F9DB9;
    padding: 3px 2px;
    color: #222;
    width: 123px;
    font-weight: normal;
}
.stroreTextBox
{
}


label, input[type="radio"]
{
    vertical-align: middle;
}
option
{
    font-weight: normal;
}



/******START for Grid View ************************************/
.gridViewHeader
{
    font-size: 11px;
    font-weight: bold;
    color: #063867;
    height: 22px;
    background-image: url(../images/bgimg1.jpg);
}
.gridViewHeader A:Link
{
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}
.gridViewHeader A:Visited
{
    font-weight: bold;
    color: #FFFFFF;
}
.gridViewRow
{
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: white;
}
.gridViewAltRow
{
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #F1F1F1;
}
.gridViewHeader td, .gridViewHeader th
{
    text-align: center;
}

.gridViewHeader td, .gridViewHeader th, .gridViewRow td, .gridViewAltRow td
{
    padding: 1px 5px;
    border: 1px solid #000000;
}
.gridViewSelectedItem
{
    background-color: White;
    color: #663399;
}
.gridViewPager A:Link
{
    color: #0000FF;
}
.gridViewPager A:Hover
{
    color: #FF0000;
}
.gridViewPager A:Visited
{
    color: #800080;
}

.BorderMe
{
    border: 1px solid #cccccc;
}
.BoldBlackBGWithFont_tr
{
    border: 1px solid #cccccc;
    font-weight: bold;
    padding: 5px;
    background-color: #666666;
    color: White;
}
.SectionHeader
{
    font-weight: bold;
    text-align: left;
    border-bottom: 0px solid black;
    height: 15px;
}
.SectionHeaderBg
{
    background-color: #D7D7D7;
    padding: 5px;
}
/******END for Grid View ************************************/





/******START for AutoComplete ************************************/



.autocomplete_completionListElementacc
{
    visibility: visible;
    margin: 0px !important;
    background-color: inherit;
    color: #666;
    border: #B3BABD;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: visible;
    text-align: left;
    list-style-type: none;
    text-transform: lowercase;
    background: #EDF1F6;
    min-height: 250px; /*550px*/
    padding-left: 5px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItemacc
{
    color: black;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-transform: lowercase;
    overflow: hidden;
    background-color: #cccccc;
}

.autodataacc
{
    font-size: 11px;
    font-weight: normal;
    color: #666;
    text-decoration: none;
}
/******END for AutoComplete ************************************/

#menu1 ul.dynamic
{
    z-index: 10000;
}

.color
{
    color: Yellow;
    font-size: 12px;
}


.btnBackground
{
    margin-top: 2px;
    height: 27px;
    width: 99%;
    border: 1px solid #E8E8E8;
    padding: 2px 0 2px 10px;
    background: #DDDDDD url(../Images/bg1.jpg) repeat-x bottom left;
}
img
{
    border: 0px;
}
.pnPanel13
{
    border: thin solid #EAF7FD;
    padding: 5px;
}
.TabContainer
{
    padding: 10px;
}
.TabPanel
{
    color: #3E6E8D;
    font-size: 15px;
    padding: 5px;
    height: 25px;
    position: relative;
    display: block;
}
.txt, .ddl
{
    border: 1px solid #9E9A9A;
    padding: 2px;
}
.btn
{
    border: 1px solid #D0D176;
    background-color: #58ACFA;
    color: #000;
    padding: 1px 5px;
}
.btnFalse
{
    background-color: #6DBBD0;
    border: 1px solid #5FB1C7;
    width: 80px;
    padding: 1px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 22px;
}
.btnTrue
{
    background-color: #D3DFE0;
    border: 1px solid #5FB1C7;
    width: 80px;
    color: 5A6263;
    padding: 1px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 22px;
}



.ErrorMessage
{
    background-color: #F4D6C1;
    border: 1px solid #E9C7B0;
    text-align: center;
    font-size: 12px;
    display: block;
    width: 850px;
    margin: auto;
    padding: 25px;
    font-weight: bold;
}
.box11
{
    margin: auto;
    padding: 50px;
    width: 490px;
    margin-top: 100px;
    display: block;
    background-color: lightgray;
    font-weight: bold;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 5px solid #fff;
}
.divHeader
{
    margin-top: 5px;
    height: 22px;
    width: 100%;
    color: #094477;
    padding: 0px 0 0 5px;
    background: #DDDDDD url(../App_Themes/gray/css/grd_head.png) repeat-x bottom left;
}

.divHeaderDashboard
{
    margin: -5px 0px 10px -5px;
    height: 25px;
    font-size: bold;
    width: 100%;
    color: #094477;
    text-align: center;
    font-size: 15px;
    padding: 0 10px 0 0;
    border-bottom: 1px solid #d4d4d4;
    background: #DDDDDD url(../App_Themes/gray/css/grd_head.png) repeat-x bottom left;
}

.pageHeading
{
    height: 21px;
    width: 100%;
    color: #094477;
    padding: 1px;
    margin-bottom: -10px;
    background: url(../images/pageHeading.jpg) repeat-x bottom left;
}


.fancy-green .ajax__tab_header
{
    background: url(../images/tab/tabContainerold.png) repeat-x;
    cursor: pointer;
}
.fancy-green .ajax__tab_outer, .fancy-green .ajax__tab_active .ajax__tab_outer
{
    background: url(../images/tab/tabContainerLeft.png) no-repeat left bottom;
}
.fancy-green .ajax__tab_inner, .fancy-green .ajax__tab_active .ajax__tab_inner
{
    background: url(../images/tab/tabContainerRight.png) no-repeat right bottom;
}
.fancy .ajax__tab_header
{
}

.fancy-green .ajax__tab_hover .ajax__tab_outer, .fancy-green .ajax__tab_active .ajax__tab_outer
{
    background: url(../images/tab/tabContainerLeftOv.png) no-repeat left bottom;
    margin-bottom: -1px;
    border-bottom: 1px solid #73C2C5;
    padding: 0 -1px;
}
.fancy-green .ajax__tab_hover .ajax__tab_inner, .fancy-green .ajax__tab_active .ajax__tab_inner
{
    background: url(../images/tab/tabContainerRightOv.png) no-repeat right bottom;
    margin-bottom: -1px;
    padding: 0 -1px;
    border-bottom: 1px solid #73C2C5;
}
.fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer
{
    height: 32px;
}
.fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner
{
    height: 32px;
    margin-left: 16px; /* offset the width of the left image */
}
.fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab
{
    margin: 12px 20px 0px 10px;
}
.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab
{
    
    color:#fff;
}
.fancy .ajax__tab_body
{
    border: 1px solid #88B7BB;
    padding: 8px;
}

.ajax__tab_inner span
{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}



.SuccessfullMessage, .TopSuccessMessage .SuccessfullMessage
{
    background-color: #C1F4C1;
    border: 1px solid #B0EEB0;
    text-align: left;
    display: block;
    padding: 2px;
    width: 99%;
    margin-bottom: 10px;
    font-weight: bold;
}
.FailedlMessage, .FailedlMessage .FailedlMessage
{
    background-color: #F4D6C1;
    border: 1px solid #E9C7B0;
    text-align: left;
    display: block;
    width: 99%;
    padding: 2px;
    margin-bottom: 10px;
    font-weight: bold;
}

.Token
{
    border: 1px solid lightblue;
    background-color: #FAECE8;
    padding: 1px 5px;
    margin: 0 0 -4px 0;
    display: block;
    font-size: 15px;
    width: 96px;
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    font-weight: bold;
}


/* Appointment */
.divAppointment
{
    min-height: 150px;
    max-height: 300px;
    width: 670px;
    border: 1px solid #5C909C;
    background-color: #EDFBFC;
    position: relative;
    top: 5;
    float: right;
    margin: -10px -29px -500px 0;
    z-index: 300;
    opacity: .9;
    padding: 10px;
}
.divAppointmentGrid
{
    min-height: 100px;
    max-height: 210px;
    overflow-x: hidden;
    overflow-y: auto;
}
.divaAppointmentButton
{
    padding: 5px 10px;
    color: White;
    font-size: 15px;
    background-color: darkblue;
    position: relative;
    top: 5;
    float: right;
    margin: -10px -8px 0 0;
    z-index: 310;
    border-bottom-left-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
}
.divaAppointmentButton a
{
    color: White;
    font-size: 15px;
    text-decoration: none;
}
.divAppointment h2
{
    padding: 3px 10px;
    margin: -10px 0 10px -10px;
    color: White;
    width: 200px;
    font-size: 15px;
    background-color: #3C8291;
    border-bottom-right-radius: 25px;
    -webkit-border-bottom-right-radius: 15px;
}
.tokenDisplay
{
    background-color: #6DBBD0;
    border: 2px solid yellow;
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: 15px;
    display: block;
    text-decoration: none;
    width: 120px;
}
.Overflow150
{
    min-height: 100px;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}
.Overflow200
{
    min-height: 150px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.divOverflow350
{
    min-height: 150px;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}
.Overflow450
{
    min-height: 150px;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}

.Overflow350
{
    min-height: 150px;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}


/* Watiting grid backgound color */
.trRowAppointment
{
    background-color: #F2FBFC;
}
.trRowDirect
{
    background-color: lightyellow;
}
.trRowAppointment_box
{
    background-color: lightblue;
    border: 1px solid lightgray;
    width: 10px;
    margin: 0 5px;
    padding: 0 5px;
    font-weight: bold;
    float: left;
}
.trRowDirect_box
{
    background-color: lightyellow;
    border: 1px solid lightgray;
    width: 10px;
    padding: 0 5px;
    font-weight: bold;
    margin: 0 5px;
    float: left;
}
.moveUp20
{
    margin-top: -16px;
}
.resultEntrySubTestHeader
{
    background-color: transparent;
    border-bottom: 4px solid lightblue;
    background-color:#D8DAE8;
}

.resultEntrySubTestHeader td span
{
    font-size:17px;
    font-weight:bold!important;
}
td.resultEntrySubTestItem span
{
    padding-left: 30px;
    font-weight:bold!important;
}
.resultEntryHeading ,resultEntryHeading span
{
    background-color: #D6F3FF;
    font-size: bold !important;
    font-size:17px!important;
}
.resultEntrySubTestItemSlno
{
    color:Gray;
    margin-left:50px;
    position:absolute;
}


/* ==================================================================================================================================
Sidebar menu list style
================================================================================================================================== */


/* Sidebar menu */
.sidebarMenuContent
{
    position: fixed;
    top: 105;
    float: left;
    z-index: 300;
    opacity: .9;
    margin:50px 0 0 -10px;
}

.sidebarMenuButton
{   
    background-color: darkblue;
    position: fixed;
    top: 105;
    float: left; 
    width:10px;
    z-index: 310;
    padding:10px  7px;
    margin:50px 0 0 -10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-Top-right-radius:10px;
    -webkit-Top-bottom-right-radius: 10px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    color: White;
}
.sidebarMenuButton:hover
{   
    background-color: blue;
   
}
.sidebarMenuButton a
{
    color: White;
    font-size: 15px;
    text-decoration: none;
}


#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 200px;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 15px 20px;
  border-left: 1px solid #1682ba;
  border-right: 1px solid #1682ba;
  border-top: 1px solid #1682ba;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background: #36aae7;
  background: -webkit-linear-gradient(#36aae7, #1fa0e4);
  background: -moz-linear-gradient(#36aae7, #1fa0e4);
  background: -o-linear-gradient(#36aae7, #1fa0e4);
  background: -ms-linear-gradient(#36aae7, #1fa0e4);
  background: linear-gradient(#36aae7, #1fa0e4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #eeeeee;
  background: #1fa0e4;
  background: -webkit-linear-gradient(#1fa0e4, #1992d1);
  background: -moz-linear-gradient(#1fa0e4, #1992d1);
  background: -o-linear-gradient(#1fa0e4, #1992d1);
  background: -ms-linear-gradient(#1fa0e4, #1992d1);
  background: linear-gradient(#1fa0e4, #1992d1);
}
#cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #1682ba;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #1682ba;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #32373e;
  border-left: 1px solid #32373e;
  border-right: 1px solid #32373e;
  padding: 10px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 13px;
  color: #eeeeee;
  background: #49505a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #424852;
  color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}