body
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: Verdana, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica,  sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #808080;
    text-decoration: none;
}

a:hover
{
    color: #808080;
    text-decoration: none;
}

a:active
{
    color: #808080;
    text-decoration: none;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


.button
{
	border: solid 1px #7c7c7c;
	font-family: Verdana;
	padding-left:2px;
}


.tablesearch
{
	width:100%;
}
/* Authorized & UnAuthorized Colour*/


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: normal;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 0.8em;
}



/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 98%;
    background-color: #fff;
    margin: 0px 0px 0px 0px;
    border: 1px solid #496077;
    width:100%;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: #4b6c9e;
    top: 0px;
    left: 0px;
    width:100%;
    height:30px;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 1em;
}

.main
{   
    min-height: 550px;
    vertical-align:middle;
    padding:1em 0em 1em 0em; 
    _align:center;    
}

.leftCol
{
    padding: 6px 0px;       
    text-align:right;
}

.rightCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;    
    text-align:left;
    
}

.footer
{
    color: #4e5766;
    /*padding: 4px 4px 4px 4px;
    margin: 0px auto;*/
    text-align: center;
    line-height: normal;
    width:99%;
    /*border-top-style:solid;
    border-top-width:1px;
    border-top-color:#CCCCCC;
    /*min-height:10px;*/
}

.message
{
    font-size:15px;
    color:Red;
    width:100%;    
    font-weight:bold;
}


/* TAB MENU   
----------------------------------------------------------*/

div.divStyle
{
    width:100%;
    text-align:center;
    
}

div.hideSkiplink
{
    background-color: #3a4f63;
    width: 100%;
    color: #FFFFFF;
}

div.menu ul
{
    list-style:none;
    margin:0;
    padding:0;
    width:auto;
    color:#FFFFFF;
}

div.menu ul li
{
    padding-left: 8px;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    line-height: 2.8em;
    padding: 4px 20px;
    text-decoration: none;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.submitButton
{
    float: right;
    margin: 0px 10px 0px 0px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 55%;    
}

.loadingPanel
{
	position:fixed;
    _position:absolute;
	display: block; 
    margin-left:40%;
    margin-top:20%;
    vertical-align:middle;
    text-align:center;
    border: solid 1px #808080;
    border-width: 1px 0px;
    z-index:3000;
        
}

.loadingPanelHeader
{
	background: url(../Images/sprite.png) repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}

.loadingPanelBody
{
	background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}

/*--------- Login Screen -----------*/

.logonPanel
{	
    display: block; 
    margin-top:10%;
    border: solid 1px #808080;
    border-width: 1px 0px;
    width:35%;
        
}

.logonHeader
{
	background-color: #CCCCCC; /*url(../Images/sprite.png) repeat-x 0px 0px;*/
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}

.logonBody
{
	background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}

.message
{
    color:Red;   
}


/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: 100%;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.controlCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
}

/* Control styles */
input
{
    padding:2px;   
    font-size:12px;
}

select
{
    padding:2px;   
    font-size:12px;
}

.button
{
    border: solid 1px #7c7c7c;
	font-family: Verdana;
	padding:2px;
	padding-left:5px;
	padding-right:5px;

}



/* Gridview Style*/
/*GridViewCSS White Chrome Style*/
.GridViewStyle
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#91a7b4 1px solid;
    
    color:#000000;




}
/*Header and Pager styles*/
    .GridViewStyle .HeaderStyle, .PagerStyle /*Common Styles*/ {
        /*background-image: url(../Images/GridView/Header.png);*/
        background-position: center;
        background-repeat: repeat-x;
        background-color: #0E397E;
        border-bottom: solid 1px #999;
    }

.GridViewStyle .PagerStyle /*Common Styles*/
{
    background-image: url(../Images/GridView/HeaderWhiteChrome.jpg);
    background-position:center;
    background-repeat:repeat-x;
    background-color:#fff;
	border-bottom:solid 1px #999;   	 
}


    .GridViewStyle .HeaderStyle th {
        text-align: center;
        color: #FFFFFF;
        font-size: .8em;
        padding-left: 2px;
        position: relative;
        top: expression(this.offsetParent.scrollTop);
        z-index: 10;
    }

.GridViewStyle .HeaderStyle a
{    
    text-align:center;
    color:#FFFFFF;
    display:block;
    text-align:left;     
}
.GridViewStyle .PagerStyle table
{
    text-align:center;
    margin:auto;
}
.GridViewStyle .PagerStyle table td
{
    border:0px;
    padding:5px;
}
.GridViewStyle .PagerStyle td
{
    border-top: #999999 1px solid;
}
.GridViewStyle .PagerStyle a
{
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #fff;
    border-right:solid 1px #999;
    border-bottom:solid 1px #999;
    border-left:solid 1px #fff;
}
.GridViewStyle .PagerStyle span
{
    font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}


/*RowStyles*/
.GridViewStyle .RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #999;
    font-size:12px;
}


.GridViewStyle .RowStyle td
{
    background-color:#fff;
}
.GridViewStyle .AltRowStyle td
{
    background-color: #CEDEFF;
    padding:5px;
}

.GridViewStyle .SelectedRowStyle td
{
    background-color:#FF9;
}

.GridViewStyle .RowStyleNoBGColor td, .AltRowStyleNoBGColor td, .SelectedRowStyleNoBGColor td, .EditRowStyleNoBGColor td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #999;
    font-size:10px;
}

.GridViewStyle .FooterStyle td
{
	background-color: #FFCC66;
}

.GridViewStyle .EmptyRowStyle
{
	background-color: #D7D7D7;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	font-size:1em;
}

.divDisableBackground
{
	padding-right: 0px;	
    display: none;
    padding-left: 0px;    
    filter: alpha(opacity=60);
    left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    overflow: hidden;
    width: 100%;
    padding-top: 0px;
    position: fixed;
    _position:absolute;
    top: 0px;
    height:100%; 
    background-color: #000;
    opacity: 0.5;
    z-index:2000;
}


.divPopup
{	
    position:fixed;
    _position:absolute;
    top:10%;
    left:30%;
    /*margin-top:-198px;/* half elements height*/
    /*margin-left:-313px;/* half elements width*/
    width:25%;
    /*height:394px;*/
    border:1px solid #7BC041;
    background:White;
    /*overflow:auto;/* allow content to scroll inside element */
    text-align:left;
    display: none;
    z-index:2001;
    padding:1px;
    text-align:center;
    vertical-align:middle;
    
    
	/*position:fixed;
	_position:absolute;
	left:10%;		
	top:10%;	
	margin:0 auto 0 auto;
	/*border: solid;
	border-color: #7BC041;*/
	/*background-color:White;
	/*width:80%;*/
	/*height:500px;*/
	/*text-align:center;
	display: none;
	padding:5px;*/
	
}

.popupheader
{
    background: url(../Images/sprite.png) repeat-x 0px 0px;
    width:100%;
    text-align:left;
    font-weight:bold;
    height:26px;
}


.popupclosebutton
{
    text-align:right;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;    
}

.label
{
    border: 1px solid #C0C0C0;
    padding:0px;
}

/* Menu style start*/

.menustyle
{
	clear:both;
	float:left;
	margin:0;
	padding:0;
	/*border-bottom:1px solid #000; /* black line below menu */
	width:100%;
	font-family:Verdana, Geneva, sans-serif; /* Menu font */
	/*font-size:90%;*/ /* Menu text size */
	font-size:0.8em;
	z-index:1000; /* This makes the dropdown menus appear above the page content below */
	position:relative;
	/*background-color:#0066CC;*/
	/*background-image:url(../Images/MENU/blue_side.gif);*/
	background-image:url(../Images/MENU/bg.gif);
	height:3.0em;
	
}

/* Top menu items */
.menustyle ul {
   margin:0;
   padding:.5em;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
   /*border-left:.1em solid #000099;*/
   
   
   
}

.menustyle ul li 
{
	
   margin:0 0 0 .5em;
   padding:0em .5em 0em .5em;
   float:left;
   position:relative;
   left:50%;
   /*top:1px;*/
   border-right:.1em solid #000099;
   height:2.9em;
   
   z-index:10000;
}

.menustyle ul li:hover 
{
	/* This line is required for IE 6 and below */
	background: #FFFFFF; /* Top menu items background colour */
	color: #000000;
	border-left: .1em solid #000099;	
}

.menustyle ul li a {
   display:block;
   margin:0;
   padding:.6em .6em .6em .6em;
   font-size:1.1em;
   line-height:1em;
   background-color:transparent;
   text-decoration:none;
   color:#003399;
   font-weight:bold; 
   text-align:left;  
   
}


.menustyle ul li:hover a, 
.menustyle ul li.hover a
{
	/* This line is required for IE 6 and below */
	background-color: transparent; /*#FFFFFF; /* Top menu items background colour */
	color: #000000;
	/*border-left: .1em solid #03f;*/
}

/* Submenu items */
.menustyle ul li ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   /*width:10em;*/ /* width of the drop-down menus */
   /*background:#FFFFFF; */
   /*border:.1em solid #000099;  
   border-top:.1em solid #000099;  */
   z-index:10000;
}

.menustyle ul li ul li:first-child {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   background:#ffffff;
   border-bottom:.1em solid #000099;  
   border-top:.1em solid #000099;
   border-left:.1em solid #000099;
   width:100%;
	width:15em;
	z-index:10000;
}


.menustyle ul li ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   background:#ffffff;
   border-bottom:.1em solid #000099;  
   border-left:.1em solid #000099;
   width:15em;
  z-index:10000;
}

.menustyle ul li ul li:hover {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   border-bottom:.1em solid #000099;
   background:#99CCFF;
   width:100%;
   width:15em;
   z-index:10000;
}

.menustyle ul li ul li a,
.menustyle ul li.active li a,
.menustyle ul li:hover ul li a,
.menustyle ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:1.1em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background-color: transparent; /*#FFFFFF;*/
   color:#000000;
   
   /*line-height:1.4em; /* overwrite line-height value from top menu */
   /*border-bottom:1px solid #000099; /* sub menu item horizontal lines */
}

.menustyle ul ul li a:hover,
.menustyle ul li.active ul li a:hover,
.menustyle ul li:hover ul li a:hover,
.menustyle ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background-color: transparent; /*#99CCFF; /* Sub menu items background colour */
   color:#000000;
   
}

/* Flip the last submenu so it stays within the page */
.menustyle ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
   
}

/* Make the sub menus appear on hover */
.menustyle ul li:hover ul,
.menustyle ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
   
}

/* Menu style end */


.textboxwatermark
{
	color:#696969;
	text-align:center;
	
}

/* Start Calendar Styling */


.calandarstyle .ajax__calendar_container
{
	background-color: #999999;
	border: 1px solid #999999;
	z-index: 9000;
}

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

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

.calandarstyle .ajax__calendar_body    {
	background-color: #ffffff;
	border: solid 1px #999999;	
}

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

.calandarstyle .ajax__calendar_day {
	color: #004080;
	text-align:center;
	border-width:0px;
}

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

.calandarstyle .ajax__calendar_today   {
	font-weight:bold;
	color: #FFFFFF;
}
.calandarstyle .ajax__calendar_container th
{
	background-color: #ffffff;
    padding: 0px;
    font-size:1em
}
.calandarstyle .ajax__calendar_container td
{   
	background-color: #ffffff;
	border-style:none;
    padding: 0px;
    font-size:1em
}

/* End Calendar Styling */

/* checkbox style */

.checkbox
{
	width:5em;
	height:5em;
}

/* end */


.panelStyle
{
	border:0.2em solid #999999;
	*border-radius:.5em;	
	padding:.2em;
	background:#3399cc;
	/*width:550px;*/
	min-width:350px;	
}

.closebutton
{
	text-align:right;
	width:100%;
	position:absolute;
	top:-1px;
	left:-3px;
}


.divDisableBackgroundPU
{
	
	padding-right: 0px;
    padding-left: 0px;    
    filter: alpha(opacity=60);
    left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    overflow: hidden;
    width: 100%;
    padding-top: 0px;
    top: 0px;
    height: 100%;    
    background-color: #000;
    opacity: 0.5;    
    
}

.TableStyle 
{
	border-width: 0px;
	border-style: outset;
	border-collapse: collapse;
	background-color:White;	
}

.curvetable
{
	border:0.1em solid #999999;
	border-radius:0.5em;
	box-shadow:.3em .3em .3em #CCCCCC;
	-webkit-box-shadow:.3em .3em .3em #CCCCCC;	
	padding:1em;
	font-family:Verdana;
	font-size:0.9em;
}

.curvetable td
{
	padding:2px;
}

.ScreenHeaderRow
{
	text-align: left; 
	/*width: 972px;*/
	/*height:20px;*/
	background:#3399cc;
	font-size:12px;
	font-weight:bold;
	color:White;
	/*background-image:url(../Images/bg_a.gif);
	background-repeat:repeat-x;*/
	padding:3px;
	 
}


.error_measage
{
	color:Red;
	font-size:.8em;
}


.withinSLA
{
	background-color:#B8E4BD;
	padding:2px;
	color:Black;
	border:.1em solid black;
}

.outofSLA
{
	background-color:#ED7D5C;
	padding:2px;
	color:Black;
	border:.1em solid black;	
}

.NotApplicableSLA
{
	background-color:#FF9;
	padding:2px;
	color:Black;
	border:.1em solid black;	
}

.Pending
{
	padding:2px;
	color:Black;
	border:.1em solid black;	
}