
/**************************************************************************//**
 * Style Sheet For Restaurant Website
 *****************************************************************************/
html {
    height:100.1%;
}
    
body {
    background-color: #a8aaac;
    margin: 0px;
    height:100.1%;
}
    
div p {
    *padding:0;
    *margin:11px 0 0 0;
    /* line-height:19px; */
    padding:11px 0 0 0;
    margin:0;
}
img {
    border:0;
}
    
#wrapper-background {
    position:absolute;
    padding:0;
    margin:0;
    overflow:hidden;
    width:860px;        
    z-index:0;
    overflow:hidden;
}
    
  
/**************************************************************************//**
 * Wrapper styles
 *****************************************************************************/
.homepage {        
    top: 0px;
    height: 700px;        
}                
            
.page {    
    top: 0px;
    height: 308px;
}    
            
.header_img_wrap {
    position:relative;
    width:860px;
    height:700px;
    overflow:hidden;
}            
        
        
#wrapper {
    height:100.1%;
    width: 860px;
    margin: 0 auto;
    text-align: left;        background-color: #ffffff;
        /* background-color: #ffffff;*/
        /* background-image: none;*/
        background-repeat: no-repeat;

                    background-position: 0px 0px;
                color:#333333; font-family:Verdana, Geneva, Sans-Serif; font-size: 12px;;
        position: relative;
    }

    #menu-footnote {
        font-size:10px;
        font-style:italic;
        padding-right:100px;
        text-align: left;    }

    .transparency {
        background-color: #ffffff;
        opacity:0.8;filter:alpha(opacity=80);; 
        width:860px;
        height:112px;
        position:absolute;
        top:0px;
        left:0px;
        z-index:2;
    }

    .ie6-nav-hack {
        width:860px;
        /* height:308px; */
        height:112px;
        position:absolute;
        top:0px;
        left:0px;
        z-index:200;
    }
   

/**************************************************************************//**
 * Header styles
 *****************************************************************************/ 
    #header {
        /* background-image: url(<img class="png" src="https://westindining.com.my/assets/u/westinklgranitelogo.jpg" alt="" />);*/
        background-repeat: no-repeat;
        background-position: top left;
        color:#333333; font-family:Verdana, Geneva, Sans-Serif; font-size: 14px;;
        height: 112px;
        position: relative;
        z-index:10;
        /* overflow: hidden;*/
    }

    #logo {        
        position:absolute;
        top:0;
        left:0;
        height:112px;
        width: 145px;        
    }
    
    #language_menu {
        float:right;
        position: relative;
        cursor:pointer;
        display:block;
        height: 24px;
        width: 100px;
        z-index: 201;
    }
    
    #languages {
        width: 90px;
        height: 24px;        
        line-height: 22px;
        text-align: left;
        padding-left:10px;
        
        background-color: #d3d4d5;
        color:#51555A; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;        
    }
    
    #languages_text {
        width:70px;
        float:left;
    }
    #languages_arrow {
        width:20px;
        float:right;
    }

    #language_options {
        display:none;
        position: absolute;
        top:24px;        
        width: 90px;
        line-height: 1.8em;
        text-align: left;
        padding-left:10px;        
        background-color: #d3d4d5 ;                        
        color:#51555A; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px; ;
    }
    
    .language_option{
        height: 24px;
    }
    
    .language_option:hover {

    }
    
    #reservation_widget {
        position: relative;
        cursor:pointer;
        display:block;    
        float:right;
        z-index: 201;
        width: 160px;
        height: 24px;        
        line-height: 22px;
        text-align: left;
        padding-left: 0px;

        background-color: #51555A;
        color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;     
    }
    
    .widget_lang {
        margin-right:20px;
    }
    
    #reservation_widget_text {
        width:130px;
        padding-left:10px;
        float:left;
    }
    #reservation_widget_arrow {
        width:20px;
        float:right;
    } 
    
    #reservation_widget_container {
        position: absolute;
        width: 260px;
        top: 24px;
        left: -100px;
        background-color: #51555A;
        color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;     
        cursor:default;
    }

        
    .widget_lang #reservation_widget_container {
        left: 0px;
    }
    
    #widget_calender {
        text-align: center;
    }
    
    #widget-calendar-date {
        padding-top:22px;
        padding-bottom:14px;
        text-align:center;
        width:210px;
        margin:auto;
        font-size:14px;
        font-weight:bold;
        text-transform: uppercase;
        line-height: 10px;
    }
    
    #widget-calendar-date #widget-calendar-toggle-prev, #widget-calendar-date #widget-calendar-toggle-next{
        color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;     
    }   
    
    .widget-calendar-row {
        background-color: #c5c6c8;
    }
    
    .widget-calendar-day-head {
        background-color: #c5c6c8;    
    }
    
    .widget-calendar-restaurant {
        width:210px;
        height:136px;
        margin:auto;
        padding-bottom:5px;    
    }
    
    .widget-calendar-restaurant .calendar-day-small {
        background-color:#ffffff; font-family:verdana, geneva, sans-serif; font-size: 11px;;
        border-right: 1px solid #9a9a9a;
        border-bottom: 1px solid #9a9a9a;
    }
    
    .widget-calendar-restaurant .calendar-row .other {
        background-color: #e6e2d6;
    }

    .widget-calendar-restaurant .small-today {
        color: #51555A;    
    }
    
    .widget-calendar-restaurant .selected {
        background-color: #51555A;    
        color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;; 
    }

    .widget-calendar-restaurant .today {
        /*background-color: #51555A;    */
    }
    
    .widget-calendar-restaurant .calendar-row {
        color: #5a5a5a;
        cursor: pointer;
    }
    
    .widget-calendar-restaurant .day-number-small{
        text-align: center;
        margin: 0px;
        
    }

    .widget-calendar-restaurant .calendar-row .disabled {
/*        background-color: #5a5a5a;
        color: #e6e2d6; */
        text-decoration:line-through;
        cursor: default;
        
    }

    #rs__PartySizeFake, #rs__ResTime {
        color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;; 
        background-color: #c5c6c8;
    }
    
    #reserve-open-table {
        background-color:#ffffff; font-family:verdana, geneva, sans-serif; font-size: 11px;;
        color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;; 
        color: #51555A; 
    }
    
    .head-details {
        /* float:left;*/
        position:absolute;
        top:0;
        left:145px;
        width: 705px;
        margin-top: 20px;
        margin-bottom: -20px;
        padding-left:15px;
    }

    #catch_copy {
        color:#51555A; font-family:Verdana, Geneva, Sans-Serif; font-size: 14px;;
    }

    #header_address {
        color:#333333; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;
    }

    #header_address div.address_copy {
        float:left;
        /* just for ie7 */
        *float: none;
        *display: inline;
        zoom: 1
    }
    
/**************************************************************************//**
 * Navigation: main menu
 *****************************************************************************/
    #mainnav {
        width:715px;
        height:33px;
        background-color: #51555A;
        float: left;
        text-transform: uppercase;
        color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;

        position:absolute;
        bottom:0px;
        left:145px;
    }

    div#mainnav ul {
        list-style-type:none;
        margin-top: 0px;
        padding:0px;
        margin-left: 0px;
    }

    /* separators */
    .li_separator {
        float:left;
        width:1px;        
        margin-top:7px;
    }
    .separator {
        width:1px;
        height:18px;
        background: #888;
        background: #51555A;
    }
    
    div#mainnav ul li.li1 {
        float:left;		
        /* border-left: 1px solid #51555A; */
        margin-top: 4px;        
        padding:0 10px;        
        height:29px;
        vertical-align:middle;
        /* position:static; */
    }

    div#mainnav ul li.li1-first {
        border-left: none;
    }

    div#mainnav ul li a {
        display:block;
        margin: 0;
        padding: 3px 10px;
        text-decoration:none;
        text-align: center;
        color:#ffffff;
        font-size: 11px;
        color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;
    }

     div#mainnav ul li.li1 a.top_link { 	
        float:left;
        padding:0 11px;
        margin:0;
        height:29px;
        line-height:24px;
        vertical-align:middle;                        
        background-color: #51555A;
		/* background-image:url('/views/Standalone/assets/images/px.png'); */		
        
    }
	
	div#mainnav ul li.li1 a.top_link_solo {
        float:left;
        padding:0 11px;
        margin:0;
        height:25px;
        line-height:24px;
        vertical-align:middle;
        background-color: #51555A;                               
		/*background-image:url('/views/Standalone/assets/images/px.png'); */		        
    }

    
    #nav li:hover > a.top_link,
    .sfhover {    
        -webkit-border-radius:3px 3px 0 0;
        -moz-border-radius:3px 3px 0 0;
        border-radius:3px 3px 0 0;
        
        background-color: #7c7f83 !important;
    }       

    #nav li:hover > a.top_link_solo,
    .sfhover {
        -webkit-border-radius:3px 3px 3px 3px;
        -moz-border-radius:3px 3px 3px 3px;
        border-radius:3px 3px 3px 3px;
        
        background-color: #7c7f83 !important;        
    }     
    
    
    div#mainnav ul li.li2 a {
        clear:left;
        padding:0 2px;
        margin:0;
        vertical-align:baseline;
		line-height:14px;
    }
    

    /* sj jan 31 2011: removed from global.css to avoid cross site error */
    .round {
        behavior:url('/views/Standalone/assets/css/PIE.php');
    }

    .round_menu2 {
        
    }
    
    .round_menu4 {
        
    }
    
    .round_submenu3 {
        -webkit-border-radius:0 3px 3px 3px;
        -moz-border-radius:0 3px 3px 3px;
        border-radius:0 3px 3px 3px;	
        /* behavior:url('/views/Standalone/assets/css/PIE.php'); */
    }
    
	.round_submenu2 {        
		-webkit-border-radius:0 0 3px 3px;
        -moz-border-radius:0 0 3px 3px;
        border-radius:0 0 3px 3px;
		/* behavior:url('/views/Standalone/assets/css/PIE.php'); */
	}

/**************************************************************************//**
 * Navigation: submenu 
 *****************************************************************************/
    ul#nav {
        width:715px;
        height:33px;
        margin:0;
        padding:0;
        overflow:hidden;
        
        
    }

    #nav li:hover, #nav li.hover {
        position: static;
    }


    #nav li ul {  /* second-level lists */
        clear: both;
        position: absolute;
        left: -999em;
        z-index:2000;
        /* width:165px;*/
        /* margin-left:-25px;*/
        list-style-type:none;
        margin-top:29px;
        *margin-top:0px;
        text-align: left;
        padding:0px 11px 5px 11px;
        background: #7c7f83;
        color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;        			  				  
    }
    
    #nav li ul ul {  /* third-and-above-level lists */
        left: -999em;
    }

    #nav li ul li {
        clear:left;
        border-top: 1px solid #51555A;
        border-right: none;
        text-align: left;
        margin-top:0;
        padding: 5px 0px 5px 0;        
        position:relative;
        height:auto;
    }

    #nav li ul li a {
        display: block;
        color:#ffffff;
        text-decoration: none;
        padding:0px;
        margin:0px;
        text-align: left;
        color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;    }


    #nav li ul li.li2-first {
        border-top: none;
		padding-top:10px;
    }

    #nav li ul li.li2 {
        clear:both;
    }

    #nav li ul li a:hover {
        /*        background-color: #82517C;*/
    }

    #nav li:hover ul ul, 
    #nav li:hover ul ul ul, 
    #nav li.sfhover ul ul, 
    #nav li.sfhover ul ul ul {
        left: -999em;
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
    { /* lists nested under hovered list items */
        left: auto;
    }

    #nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
        left:165px;
        top:auto;
        margin-top:-31px;
    }
    #nav li.sfhover a {
        background-color: #7c7f83 !important;
    }

    /*Navigation ends   */


/**************************************************************************//**
 * Page Elements
 *****************************************************************************/
#content {
      
}
    
#content_homepage {
    height: 588px;
    width:860px !important;
    position:relative;
    z-index:2;
}

#content_page {        
    margin-top: 196px;
    width: 810px;
    _width: 820px;
    padding: 25px 25px;
    _padding: 25px 20px;
    padding-bottom: 75px;
    width:810px;
    height: auto;
    float: left;
    background-color: #ffffff;
}

h1 {
    padding:0;
    margin:0;
    font-weight:bold;
    line-height:20px;
    height:20px;
    color:#51555A; font-family:Verdana, Geneva, Sans-Serif; font-size: 18px;    display:inline-block;
    vertical-align:text-bottom;
}
    
h1 span {
    display:inline-block;
    vertical-align:text-bottom;
    height:20px;
    line-height:20px;
}
    
h2 {
    padding: 0;
    margin: 0;
    color:#51555A; font-family:Verdana, Geneva, Sans-Serif; font-size: 14px;}

h3 {
    color:#51555A; font-family:Verdana, Geneva, Sans-Serif; font-size: 12px;}

.title_container {
    height: 33px;
}

#content a,
#content a:visited,
#content a:hover,
    
#content_homepage a,
#content_homepage a:visited,
#content_homepage a:hover,
    
#content_page a,
#content_page a:visited,
#content_page a:hover   
{
    cursor: pointer;
    text-decoration:underline;
        color:#51555A; font-family:Verdana, Geneva, Sans-Serif; font-size: 12px;    }

    a.normallink,
    a.normallink:visited {
        cursor:pointer;
        color:#333333 !important; font-family:Verdana, Geneva, Sans-Serif !important; font-size: 12px !important;;
        text-decoration:none !important;
    }
    a.normallink:hover {
        color:#333333 !important; font-family:Verdana, Geneva, Sans-Serif !important; font-size: 12px !important;;
        text-decoration:underline !important;
    }

    a.morelink,
    a.morelink:hover,
    a.morelink:visited {
        cursor:pointer;
        text-decoration:none !important;
        color:#51555A !important; font-family:Verdana, Geneva, Sans-Serif !important; font-size: 11px !important;;
          
    }

    a.header_address_email,
    a.header_address_email:hover,
    a.header_address_email:visited {
        color:#333333; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;
        text-decoration:none;
    }

/**************************************************************************//**
 * Footer styles
 *****************************************************************************/
    #footer {                
        _height: 30px;
        min-height:30px;
        width:810px;
        padding: 10px 25px;
        font-size: 10px;
        /*background-color: #ffffff;*/
        background-color: white;
        position:relative;                
    }
    

    #footer p a,
    #footer p a:visited,
    #footer p a:hover,
    #footer p {    
        /*color: #51555A;*/
        color: #6e6f72;
        text-decoration: none;
    }

    #footer table {
        width: 830px;
        margin-left:-9px;
    }

    #footer table td.f_left {
        width:590px;
    }
    #footer table td.f_right {
        width:280px;
    }
    #footer table td.f_right p {
        padding:0;
    }

    #footer #custom_footer {
        padding: 0;
    }

/**************************************************************************//**
 * HOME PAGE 
 *****************************************************************************/
.box {
    background-color: #ffffff;
    margin-left: 25px;
    margin-top: 395px;
    float:left;
}

    .box a.listing-link { color:#51555A !important; font-family:Verdana, Geneva, Sans-Serif !important; font-size: 11px !important;;}

    .box-title,
    .box-title a,
    .box-title a:hover,
    .box-title a:visited {
        text-decoration:none !important;
        background-color: #51555A;
        color:#FFFFFF !important; font-family:Verdana, Geneva, Sans-Serif !important; font-size: 14px !important;;
    }

    .eventBox {
        background-color: #ffffff;
    }

    .home-eventcontent-name { color: #51555A; }

    .eventListBox {
        padding-top:16px;
    }

    
    .eventList {
        float: left;
        padding: 5px 0px;
        width:100%;
        background-color: #ffffff;
        border-bottom: 1px solid #dadbdc;
    }
    .eventList-first {
        /* border-top: 1px solid #dadbdc; */
    }

    .other-rest-footer,
    .other-rest-footer a, 
    .other-rest-footer a:visited {
        color: #5a5a5a;
        text-decoration: none;
        font-size: 11px;
    }
    
    .other-rest-footer a:hover {
        color: #5a5a5a;
        text-decoration: underline;
    }

    .other-rest-footer {
        background-color: #d3d4d5;
        padding: 0 25px;
        width: 810px;
        height: 20px;
        line-height:20px;
        vertical-align:middle;
        font-size:11px;
    }
    .page-title {
        color: #51555A;
        font-size: 16px;
        font-weight: bold;
    }

    .column-left .menutype .menutype-content a {
        color:#51555A; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;
    }

    .column-right .menu-title {
        background-color: #51555A;
        color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;
        line-height:12px;
        padding: 8px 12px;
    }

    .column-right .menu-body {
        background-color: #d3d4d5;
    }

    .column-right .menu-body ul li a{
        text-decoration: none;
        color:#333333; font-family:Verdana, Geneva, Sans-Serif; font-size: 12px;;
    }

    .column-right .menu-body ul li a:hover{
        /* font-weight: bold; */
    }

    .items {        
        border: 1px solid #e5e5e5;
    }

    .item {
        position:relative;
        display:block;        
        border-bottom:1px solid #f0ebef;
        height:14px;
    }

    .item-text {
        /* border-bottom:1px solid #ffffff; */
        background: #ffffff;
        font-weight:bold;
        padding-right:2px;
        float: left;        margin-bottom: -1px;
        position:absolute;
        left:0;
        height:16px;
    }

    .cost {
        display:block;
        font-weight:bold;
        text-align:right;        
        margin-bottom: -1px;
            _position:relative;
            _z-index:2000;
        /* border-bottom: 1px solid #ffffff; */
        background: #ffffff;
                position:absolute;
        right:0;
        height:16px;
    }


/**************************************************************************//**
 * Gallery page styles
 *****************************************************************************/
 
.photo_gallery_thumb.selected { 
    background-color: #51555A;
}

.photo_gallery_page {
    border: 1px solid #51555A;
    color: #51555A;
}

.photo_gallery_page.selected span {
    background-color: #51555A;
    color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;
    }

#view_full_screen {
/*
    background-color: #51555A;
*/
}
#view_full_overlap {
    background-color: #51555A;
}

.photo_gallery_scroll_image {
    background-color: #a8aaac;
}

#view-copy {
    color: #51555A;
}   

#btn-hd-close.hover {
    background-image:none;
    background-color: #51555A;
    opacity:1.0;
    filter:alpha(opacity=100);
}

#view-desc-copy a#cta-button,
#view-desc-copy a#cta-button:hover {
    color: #51555A;
}

#nav-next,
#nav-previous {
    color: #51555A;
}
#nav-next.hover,
#nav-previous.hover {
    background-color: #51555A;
    color: #FFFFFF;
}

#page-gallery a,#page-gallery a:hover {
    color: #51555A;
}

#photo_gallery_navigation_left a, 
#photo_gallery_navigation_left a:hover,
#photo_gallery_navigation_right a, 
#photo_gallery_navigation_right a:hover {
    font-family: Arial;
}

/**************************************************************************//**
 * Calendar styles
 *****************************************************************************/

.draw_calendar_wrapper {
    background-color: #d3d4d5;
}

/* Date header */
#calendar-date {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    height: 45px;
    line-height: 45px !important;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding: 0;
    margin-bottom:1px;
    background-color: #d3d4d5;
}

#calendar-date,
#calendar-date a,
#calendar-date a:visited,
#calendar-toggle-prev,
#calendar-toggle-next {
    color:#51555A; font-family:Verdana, Geneva, Sans-Serif;;
}

#calendar-date a,
#calendar-date a:visited {
    height: 45px;
    line-height: 45px !important;    
}



#calendar-date-header {
    display:inline-block; 
}

#calendar-date-header #calendar-toggle-prev {
    width:50px;
    display:inline-block;
    float:left;
    text-align:left;
}

#calendar-date-month {
    display:inline-block;
    float:left;
}

#calendar-date-header #calendar-toggle-next {
    width:50px;
    display:inline-block;
    float:left;   
    text-align:right;
}

#calendar-date-header #calendar-toggle-prev a,
#calendar-date-header #calendar-toggle-prev a:hover,
#calendar-date-header #calendar-toggle-next a,
#calendar-date-header #calendar-toggle-next a:hover {
    font-size:17px;
}

#calendar-date-header #calendar-toggle-prev a:hover,
#calendar-date-header #calendar-toggle-next a:hover {
    color: #51555A;
}

#calendar-foot {
    height: 25px;
    background-color: #d3d4d5;
    margin-top:1px;
}

#calendar-agenda {
    background-color: #51555A;
    margin:0;
    padding:0;
}

#calendar-agenda .agenda-event-date {}

#calendar-agenda .agenda-event-title { 
    color: #51555A;
}

#calendar-agenda .agenda-event-content-col { 
    color: #333; 
}

#small-agenda .agenda-event-title { 
    color:#51555A; font-family:Verdana, Geneva, Sans-Serif; font-size: 12px;}



    table.calendar-restaurant {
        border-left: 1px solid #51555A;
        border-top: 1px solid #51555A;
        border-right: 1px solid #51555A;
    }

    td.calendar-day, td.calendar-day-np {
        /* 
        background:#d3d4d5;
        */
        /* background:#fdfdfd;*/
        background: #ffffff;
        height: 60px;
        width:70px;
        border-bottom:1px solid #51555A;
        border-right:1px solid #51555A;
    }

    td.endofweek {
        border-right:0 !important;
    }

    table.calendar-restaurant tr {
        /* background-color: #ffffff; */
    }

#calendar .background-middle {
/* background-color: #d3d4d5; */
    float:left;
}

td.calendar-day-head {
    /* background-color: #51555A; */
    background-color: #51555A;
    color:#FFFFFF !important; font-family:Verdana, Geneva, Sans-Serif !important; font-size: 11px !important;}

div.event-content-multi {
    background: #7c7f83 ;
}
   
.event-content-start-multi {
    /* margin-left:1px !important; */
    float:right !important;
    position:relative !important;
    left:3px !important;
    width:80px !important;
}

.event-content-end-multi {
    /* margin-right:1px !important; */ 
    left:0 !important; 
    float:left !important;
    width:79px !important;
}

    td.endofweek .event-content-start-multi {
        left:2px !important;
        width:79px !important;
    }

    td.endofweek .event-content-multi {
        width:82px;
        *width:inherit;
    }

    div.event-content a,
    div.event-content a:visited,
    div.event-content a:hover { 
        /* color: #51555A !important; */
        font-size:9px !important;
        color: #51555A !important;  
    }

    #calendar .calendar-toggle a {
        color: #51555A !important;
    }

    #lightbox-event .lightbox-info a {
        color:#51555A;
        font-weight: bold;
        word-wrap: break-word;
    }

    .lightbox-printlink {
        background-color: #51555A;
                        
                    /* color:#51555A; font-family:Verdana, Geneva, Sans-Serif; font-size: 12px; */
            color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;                
        font-weight:bold;
        font-size:11px;
        margin:15px auto;
        text-align:center;
        width:80px;
        cursor:pointer;
    }

    .sidebox .title {
        color: #51555A;
        border-bottom:1px solid #B9B9B9;
        font-size:14px;
        font-weight:bold;
        margin-bottom:5px;
    }

    .agenda-info a {
        color: #51555A;
    }

    .corporate-description {
        border:1px solid #dadbdc;
        margin-top:30px;
        padding:0 10px;
        width:400px;
    }

    #agenda-scrolltop-link {
        margin-bottom:1px;
    }
    #agenda-scrolldown-link {
        margin-top:1px;
    }

/**************************************************************************//**
 * Small Calendar 
 *****************************************************************************/
#small_calender_wrap {
    float:right;
}

#small_calender {
    width:187px;
    background-color: #51555A;
    color:#FFFFFF; font-family:Verdana, Geneva, Sans-Serif; font-size: 11px;;
    margin-top:33px;
}

.day-number-small {
    padding:2px 4px 0 6px;
    text-align: left;
    vertical-align: middle;
}

.calendar-day-small{
    width: 20px;
    height: 18px;
    text-align: left;
}
    
.small-event,
.small-today {
    margin-left: 1px;
    margin-top: 1px;
    padding: 2px 4px 0;
    text-align: left;
}
    
.small-event {
    background-color:#7c7f83;
}

.small-today{
    color:#7c7f83;
    background-color:#ffffff; font-family:verdana, geneva, sans-serif; font-size: 11px;;
}

.small-today a,
.small-today a:hover,
.small-today a:visited {
    display:block;
    text-decoration:none !important;
    font-size:11px !important;
}  

.small-event a,
.small-event a:hover,
.small-event a:visited {
    display:block;
    color:#FFFFFF !important; font-family:Verdana, Geneva, Sans-Serif !important; font-size: 11px !important;    text-decoration:none !important;
    font-size:11px !important;
}
 
.calendar-restaurant-small{
    width:167px;
    height:136px;
    margin:auto;
    padding-bottom:5px;
}

#calendar-date-small{
    padding-top:9px;
    padding-bottom:10px;
    text-align:center;
    width:167px;
    margin:auto;
    font-size:12px;
    font-weight:bold;
}
    
.calendar-row-small{
    height:10px;
}
    
.calendar-day-head-small{
    background-color: #51555A;
    border-top:1px solid #7c7f83;
    border-bottom:1px solid #7c7f83;
    text-align:center;
}


/**************************************************************************//**
 * Small Agenda
 *****************************************************************************/
    #small-agenda-scrolltop-link,
    #small-agenda-scrolldown-link,
    #agenda-scrolltop-link,
    #agenda-scrolldown-link  {
        background: #cccccc;
    }

    #small-agenda-scrolltop-link:hover,
    #small-agenda-scrolldown-link:hover,
    #agenda-scrolltop-link:hover,
    #agenda-scrolldown-link:hover {
         background:  #7c7f83 !important;
    }

    a.small-agenda-event-area {
        color:#333333; font-family:Verdana, Geneva, Sans-Serif; font-size: 12px;;
    }
    a.small-agenda-event-area:hover {
        background: #edeeee;
    }



/* PNG FIX */
* html .png {
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
    /* this.src = "application/views/global/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), */
    this.src = "https://westindining.com.my//views/Standalone/assets/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
    this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}

.rtl .item-text {
    float: right;
    left:auto;
    right:0;    
}