body
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    
}

hr
{
    color:#4D6684;

}

a
{
    
    text-decoration: underline;
   
    color: #90AA50; 
}

#container
{
   /* border: 1px solid #003366; width: 1100px; overflow:auto; margin: 0 auto; padding: 5px;*/
    background-color: #ffffff;
    color: #202020;
    
}

#GridContainer
{
	vertical-align: top; 
  	Width: 1050px; 

}
.masthead
{
    width: 100%;
    clear:both;
    height: 75px;
    background-color: #ffffff;
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    background-position: center; /* margin-bottom: 2px;*/
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #303030;
    margin-bottom: 10px;
    margin-left: auto;
	margin-right: auto; 
}

.popuphead
{
    width: 100%;
    clear:both;
    height: 50px;
    background-color: #ffffff;
    background-image: url(../images/payment.jpg);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #303030;
    margin-bottom: 10px;
    margin-left: auto;
	margin-right: auto; 
 
}



.lableCurrentUser
{
    font-size: small;
    
    padding: 15px;
    color: #808080;
    font-style: italic;
    float:left;
}

#pageBody
{
    border: 2px solid #4D6684;
    margin-left: 210px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 1100px;
    padding: 2px 15px 10px 10px;
    background-color: #FAFAFA;
     overflow:auto;
    float: left;
  /*  background-image: url('../images/bgContent.jpg');*/
}

.logonBody
{
    border:2px solid #C22525;
   /*border: 1px solid #C0C0C0;*/ 
    width:40%;
    text-align:center;
    margin-top: 5px;
    display: block;
	margin-left: auto;
	margin-right: auto; 
    background-color:lightgray;
    /*background-image: url('../images/bgContent.jpg');*/
}

.tableview td {
	color: #333333;
	font: small Tahoma;
	padding: 5px 4px;
	font-weight: normal;
	text-align:left;
}

.pageHead
{
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: #808080;
    /* background-image: url('../images/bgPageTitle.jpg');*/
    /* background-image: url('../images/bgPageTitle.jpg');*/
    background-color: #4D6684;
    margin-left: 210px;
    padding-left:40px;
    padding-top:5px;
    width: 1086px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large; /*color: #f15922;*/
    height: 24px;
    clear:both;
    color: #FFFFFF;
}

.pageFoot
{
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: #808080;
    /* background-image: url('../images/bgPageTitle.jpg');*/
    /* background-image: url('../images/bgPageTitle.jpg');*/
    background-color: #4D6684;
    margin-left: 210px;
    
    width: 1127px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    height: 24px;
    clear:both;
    color: #FFFFFF;
    font-size:small; 
   padding-top:10px; 
   
}

.GridViewContainer_JeList
{
   overflow-y:hidden; overflow-x: scroll; width: 1100px;
}

/* Page Components */

.screenbutton
{
    font-family: Arial;
    font-size: 13px;
    border: 2px solid #333333;
    font-weight: bold;
    color: #333333;
    padding:1px 5px ;
    height:30px;
    border-radius:3px;
}



.screenLabel
{
    
    font-family: sans-serif;
    font-weight:500;
    color: #333333;
}

.progressLabel
{
    color: #333333;
}

.screenHeaderLabel
{
    font-weight: bold;
    color: #4D6684;
    font-size:16px;
}

.buttonBar /* icons on page top*/
{
   
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #c0c0c0;
    clear:both;
    margin-bottom:4px;
    float:left;
    width:100%;
    
}
.buttonBar TD
{
  /*  width: 40px;*/
    margin:0px;
    padding-right:15px;
}

.filterButtonBar TD
{
  /*  width: 40px;*/
    margin:0px;
    padding-right:5px;
    padding-bottom:5px;
}

@media print 
{
    @page {
      /*/size: A4; /* DIN A4 standard, Europe */
      width: 210mm;
      margin:30mm;
      height: 297mm;
      padding:0;
    }
    html, body {
        width: 210mm;
        /* height: 297mm; */
        height: 282mm;
        font-size: 11px;
        background: #FFF;
        overflow:visible;
    }
    body {
        padding:0mm;
        margin:0;
    }
}

.PrintTable td {
    width:70mm;
	font: small Tahoma;
	padding: 10px;
	font-weight: normal;
	text-align:left;
}

.GridView {
    /* margin: 20px; */
   
    border: 1px solid #989898;
    margin-left: 15px;
}
.GridView table
{
    font-size: 12px;
    border-collapse: collapse;
    border-right: #989898 1px solid;
    border-top: #989898 1px solid;
    border-left: #989898 1px solid;
    border-bottom: #989898 1px solid;
   
    background: none; /* background-color:#ffffff;*/
    text-align: justify;
    font-weight: normal;
    display: inline;

    
    
}

.GridView .alt td
{ 
    background:#fafafa; 
    
}

.GridView Caption {
    /*background:#4D6684;*/
    /*background-image: url('../images/bgCaption.jpg');*/
    /*height: 20px;*/
    padding-top: 10px;
    color:#4D6684;
    border-bottom: 1px solid #4D6684;
    margin-bottom: 5px;
    font-weight: bold;
} 
.archived
{
    font-style: italic;
    background-image: url('../images/archived.png');
    background-repeat: repeat-x;
}
   
.GridView .archived td
{
    font-style: italic;
    background-image: url('../images/archived.png');
    
}   

.GridView th
{
    vertical-align:middle;
    text-align: center;
    border-right: #989898 1px solid;
    border-top: #989898 1px solid;
    border-left: #989898 1px solid;
    border-bottom: #989898 1px solid;
    height: 25px;
    color: #ffffff;
    /*font-weight: bold;*/
    padding: 0 10px;
   
    background-color: #4D6684; /* background-image: url('../images/bgGridHead.png');*/
    background-repeat: repeat-x;
    font-size: 12px;
} 

.GridView .summary th
{
    vertical-align:middle;
    text-align: center;
  /*  border-bottom:4px solid white;*/
    height: 40px;
    color: #ffffff;
    font-weight: bold;
    padding: 0 15px 3px 15px;
   
    font-size: 14px;
} 
.GridView .footer
{
    background:none;
    padding:10px;
    /*border:2px solid white;*/
}
.GridView td
{
    border-top: solid 1px #7f7f7f;
    border-right: solid 1px #7f7f7f; /*border-bottom: solid 1px #C5DBF7;*/
    border-bottom: solid 1px #7f7f7f;
    border-left: solid 1px #7f7f7f;
    padding: 2px 10px 2px 10px;
    background-image: none;
    background-color: #FFFFFF;
    height: 23px;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
     color: #202020;
}
.GridView a
{
    font-weight: bold;
    text-decoration: underline;
   
   color: #c22525; 
   
 
}

.GridView .hideTd td
{ 
    margin: 0;
    padding:0;
}

.ScreenTable
{
    
    color:#808080;
    border-collapse: collapse;
    border: 1px solid #C0C0C0;
    padding:10px;
    margin-left: 20px;
    
    width:1050px;
}
        
.ScreenTable table
{
  
}


.ScreenTable td.labeltext
{
	text-align: left;
}
.ScreenTable th
{
     background-color: #4D6684;
    vertical-align: bottom;
    text-align: center;
     border-right: #989898 1px solid;
    border-top: #989898 1px solid;
    border-left: #989898 1px solid;
    border-bottom: #989898 1px solid;
    height: 20px;
    color:white;
    font-weight: bold;
}

.ScreenTable td {
	
	border-collapse: collapse;
    border: solid 1px #ffffff;
    
    margin: 2px;
    background-image: none;
    padding:4px;
}

/* calendar styling */
/*.calendar .ajax__calendar_body 
    {
      width:250px;
      height:200px;
      
    }*/
    
.ajax__calendar_container
{
   
    padding: 4px;
    cursor: default;
    width: 210px;
    font-size: 11px;
    text-align: center;
    font-family: tahoma,verdana,helvetica;
    background-color: #ffffff;
    border: 1px solid #646464;
    color: #000000;

}
    
/*.calendar .ajax__calendar_dayname
{
    background-color: #666666;
    color: #FFFFFF;
    font-weight: bold;
    width: 30px;
    height: 23px;
    padding:3px 0 ;
    text-align:center;
}

.calendar .ajax__calendar_container td
{
    font-size: 12px;
    background-color: #D2F7F9;
    height: 25px;
}

.calendar .ajax__calendar_title {
cursor: pointer;
font-weight: bold;
margin-left: 15px;
margin-right: 15px;
font-size: 12px;

}

.calendar .ajax__calendar_today
{
cursor: pointer;
padding-top: 3px;
font-size: 12px;
}*/


.AlertMessage
{
    color:Red;
}
/*side menu*/
#menu
{
    position: absolute;
    background-color: #fffffe;
    width: 195px;
    left: 0px;
    top: 85px;
    padding-left: 5px;
    margin: 7px 0px 0px 5px;
    /* border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #303030;
   border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #006d4c; */
    float: left;
    
    
}

#ddblueblockmenu{
/* border: 1px solid black;
border-bottom-width: 0; */
width: 155px;

}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 110% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{    
    display: block;
    padding: 3px 0;
    padding-left: 9px;
    width: 139px; /* minus all left/right paddings and margins*/
    text-decoration: none;
    color: white;
    /*background-color: #A7DBDB;*/
    /*background-color: #83AA30;*/
    background-color: #90AA50;
    border-bottom: 1px solid #4D6684;
    border-left: 7px solid #4D6684; font-weight: bold; }





* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
width: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover
{
    background-color: #666666;
    border-left-color: #ffffff;
}

#ddblueblockmenu div.menutitle
{
   
    color: white;
    padding: 3px 0;
    background-color: #808080; 
    font: bold 100% 'Trebuchet MS' , 'Lucida Grande' , Arial, sans-serif;
    text-align: center;
    /*margin-top: 10px;*/
    background-image: url('../images/bgMenuHead.png');
    background-repeat: repeat-x;
    height: 20px;
    border-top-style: solid;
    border-top-width:10px;
    border-top-color:#ffffff;
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#ddblueblockmenu ul li ul{
    position:absolute;
    top:inherit;
    display:none;
    
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
/* for IE < 9 we using class .iehover */
#ddblueblockmenu ul li:hover ul, 
#ddblueblockmenu ul li.iehover ul{
   
    left:150px;
    top:0px;
    display:block;
}

/* we apply different background color to 2nd level menu items*/
#ddblueblockmenu ul li ul li{
    background-color:#cae25a;
}

/* We change the background color for the level 2 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
#ddblueblockmenu ul li:hover ul li:hover,
#ddblueblockmenu ul li.iehover ul li.iehover{
    background-color:#b1b536;
}

/* We style the color of level 2 links */
#ddblueblockmenu ul li ul li a{
    color: white;
    font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
    display:inline-block;
    width:120px;
    background-color:#4D6684;
}




.TextBoxWatermark
{
    color:#aaaaaa;
}

.btn_linkPreviewDoc
{
   
    background-image: url('../images/buttons/zoom_in.png');
    background-repeat: no-repeat;
}

#PageContent_fuUploadSupportDoc_ctl01 /*used for file uploader on JeDetail.aspx page*/
{
    background-image: url('../images/buttons/uploadFile.png')  !important;
    background-repeat: no-repeat !important;
}

#PageContent_rblChooseDocLoad /*used for radio buttons on JeDetail.aspx page*/
{
    border: 2px dotted #C0C0C0;
    background-color: #fefefe;
}

.Upper
{
	text-transform: uppercase;
}

.Savelbl
{
	color: #CB5B2F;
}

.modalBackground
{
background-color: Gray;
filter: alpha(opacity=80);
opacity: 0.8;
z-index: 10000;
}

input
{
    border:1px solid #4d6684;
    padding-left:2px;
   
}
input[type="text"], input[type="password"]
{
    height:25px;
    font: normal 14px arial;
}

select
{
    border: 1px solid #4d6684;
    display: inline-block;
    font: normal 14px arial;
}

input[type=image] /*for image buttons*/
{
    border:none;
}
input[type=checkbox] /*for image buttons*/
{
    border:none;
}

/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    /*font: normal 108% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;*/
    font: normal 15px arial;
    list-style:none;
}

/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
    background-color:#c22525;
    border-bottom: 2px solid #006684;
    border-left: 7px solid #006684;
    width:180px;
	cursor:pointer;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
   /* margin-bottom:3px; */
}

/* We apply the background hover color when user hover the mouse over of the li component */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover,
#menuwrapper ul li.iehover{
    background-color:#4D6684;
    position:relative;
}

/* We apply the link style */
#menuwrapper ul li a{
    padding:10px 12px;
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:none;
    
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul, 
#menuwrapper ul li.iehover ul{
    left:152px;
    top:0px;
    display:block;
    
}

/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
    background-color:#4D6684;
    /*font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;*/
    font: normal 15px arial;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid white;
    /*border-left: 5px solid #4D6684;*/
    border-left: 5px solid white;
    padding:0px 0;
    width:165px;
}

/* We change the background color for the level 2 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover,
#menuwrapper ul li.iehover ul li.iehover{
   background-color:#6679e9;
   
}

/* We style the color of level 2 links */
#menuwrapper ul li ul li a{
    color: white;
    display:inline-block;
    
   
}

/**** THIRD LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li ul,
#menuwrapper ul li.iehover ul li ul{
    position:absolute;
    display:none;
}

/* We show the third level menu only when they hover the second level menu parent */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul,
#menuwrapper ul li.iehover ul li.iehover ul{
    display:block;
    left:150px;
    top:0;
}

/* We change the background color for the level 3 submenu*/
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul li,
#menuwrapper ul li.iehover ul li.iehover ul li{
    background:#86d3fa;
}

/* We change the background color for the level 3 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul li:hover,
#menuwrapper ul li.iehover ul li.iehover ul li.iehover{
    background:#358ebc;
}

/* We change the level 3 link color */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul li a,
#menuwrapper ul li.iehover ul li.iehover ul li a{
    color:#ffffff;
}

#menuwrapper div.menutitle
{
   width:187px;
    color: white;
    padding: 10px 0;
    /*background-color:#181430; */
    background-color:#4D6684;
    /*font: bold 105% 'Trebuchet MS' , 'Lucida Grande' , Arial, sans-serif;*/
    font: normal 15px arial;
    text-align: center;
    /*margin-top: 10px;*/
    background-image: url('../images/bgMenuHead.png');
    background-repeat: repeat-x;
    height: 16px;
    /*border-top-style: solid;
    border-top-width:10px;
    border-top-color:#ffffff;*/
    border-bottom: 2px solid #006684;
}

/* Clear float */
.clear{
    clear:both;
}

#PageHeader
{
    font-style:italic;
    text-align:center;
    font-family:Arial;
    font-size:x-large;
    color:aqua;
    text-shadow: 3px 3px 3px #202020;

}


.fancy-green .ajax__tab_header
{
background: url(../images/green_bg_Tab.gif) repeat-x;
cursor:pointer;
}
.fancy-green .ajax__tab_hover .ajax__tab_outer, .fancy-green .ajax__tab_active .ajax__tab_outer
{
background: url(../images/green_left_Tab.gif) no-repeat left top;
}
.fancy-green .ajax__tab_hover .ajax__tab_inner, .fancy-green .ajax__tab_active .ajax__tab_inner
{
background: url(../images/green_right_Tab.gif) no-repeat right top;
}
.fancy .ajax__tab_header
{
font-size: 13px;
font-weight: bold;
color: #000;
font-family: sans-serif;
}
.fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy
.ajax__tab_hover.ajax__tab_outer
{
height: 46px;
}
.fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy
.ajax__tab_hover .ajax__tab_inner
{
height: 46px;
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: 16px 16px 0px 0px;
}
.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab
{
color: #fff;
}
.fancy .ajax__tab_body
{
font-family: Arial;
font-size: 10pt;
border-top: 0;
border:1px solid #999999;
padding: 8px;
background-color: #ffffff;
}

.objDisabled 
    {
        color:black;
    }


/*.divChart
{
background-image:url('../images/noReadingData.gif');
background-position:left;
background-repeat:no-repeat;
height:300px;
}*/