body   
{
 /*  background: #b6b7bc; */
 background:Silver;
   font-size: .8em;
   font-family:  Verdana, sans-serif;
   margin : 0px;
   padding: 0px;

 }

textarea
{
        font-family:  Verdana, sans-serif;
        overflow:auto;
        line-height:200%;
        resize: none;
        outline: none;
}
/* anchor tags */
a:link, a:visited
{
    color: #2864DC;
    font-size:11px;
}

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

a:active
{
    color: #2864DC;
}

/* Header tags */
h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 1.5em;
  }

  h3 {
    font-size: 1em;
  }

  /* styling for focus*/
 input:focus, select:focus ,textarea:focus{ 
    outline:none;
    border-color:#2050B0;
    box-shadow:0 0 20px #2050B0;
}

  input[type="submit"]:focus, input[type="button"]:focus, button:focus,ui-button:focus{ 
    outline:none;
    border-color:#2050B0;
    box-shadow:0 0 27px #2050B0;
    background-color :#FFFFFF;
    color:#2864DC;
}
   input[type="submit"] 
   {
		border-radius:5px;
		-moz-border-radius: 5px;  
        -webkit-border-radius: 5px; 
		border: 1px;
		background-color:#2864DC;
		color:#FFFFFF;
		-webkit-appearance: none;
			cursor:pointer;
	}
    
	.ValidationMessage
	{
	   color:Red;
	   font-size:11px;
	   margin-top:5px;
	}

   input[type="button"] {
		border-radius:5px;
		-moz-border-radius: 5px;  
        -webkit-border-radius: 5px; 
		border: 1px;
		background-color:#2864DC;
		color:#FFFFFF;
		-webkit-appearance: none;
		cursor:pointer;
	}

	.inputBlock{
		width: 250px;
		
	}

	/*Use this for the top element in an input block*/
	.inputBlock-TopRow {

 		display: block;
		margin: 0;

		border-color:#808080;
		border-width:1px;
		border-top-style:solid;
		border-right-style:solid;
		border-bottom-style:none;
		border-left-style:solid;

		border-top-left-radius:5px;
		-moz-border-radius-topleft:5px;
                -webkit-border-top-left-radius:5px;

		border-top-right-radius:5px;
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px;
			
		border-bottom-left-radius:0;
		-moz-border-radius-bottomleft:0;
                -webkit-border-bottom-left-radius:0;

		border-bottom-right-radius:0;
		-moz-border-radius-bottomright:0;
		-webkit-border-bottom-right-radius:0;

		padding: 5px;

		height: 35px;
		width: 100%;
	}

	/*Use this for the middle element in an input block*/
	.inputBlock-MiddleRow {

 		display: block;
		margin: 0;

		border-color:#808080;
		border-width:1px;
		border-top-style:solid;
		border-right-style:solid;
		border-bottom-style:none;
		border-left-style:solid;

		border-radius:0;

		padding:5px;

		width: 100%;
		height: 35px;
	}

	/*Use this for the last input element in an input block*/
	.inputBlock-BottomRow {
		
 		display: block;
		margin: 0;

		border-color:#808080;
		border-width:1px;
		border-style:solid;

		border-top-left-radius:0;
		-moz-border-radius-topleft:0;
        	-webkit-border-top-left-radius:0;

		border-top-right-radius:0;
		-moz-border-radius-topright:0;
		-webkit-border-top-right-radius:0;

		border-bottom-left-radius:5px;
		-moz-border-radius-bottomleft:5px;
        	-webkit-border-bottom-left-radius:5px;

		border-bottom-right-radius:5px;
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px;

		padding:5px;

		width: 100%;
		height: 35px;
	}

	.inputBlock-SingleRow{

		display: block;
		margin: 0;

		border-color:#808080;
		border-width:1px;
		border-top-style:solid;
		border-right-style:solid;
		border-bottom-style:solid;
		border-left-style:solid;

		border-top-left-radius:5px;
		-moz-border-radius-topleft:5px;
        -webkit-border-top-left-radius:5px;

		border-top-right-radius:5px;
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px;
			
		border-bottom-left-radius:5px;
		-moz-border-radius-bottomleft:5px;
         -webkit-border-bottom-left-radius:5px;

		border-bottom-right-radius:5px;
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px;
		
		padding: 5px;
		height: 35px;
		width: 100%;
	}
	

	.inputBlock-Submit {
	
 
		margin: 0;
		margin-top:10px;
		width:100%;
		height:35px;
	}

	/*we need this to get the text, select etc to have the same width*/ 
	input, select, textarea {
		 box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		-webkit-box-sizing: border-box;
  		 outline: none;
	}



    .pastBreadCrumbFirst {
 
              height:38px;
              width:186px;
              border:1px;
               left:0;
              border-top-style:solid;
              border-right-style:none;
              border-bottom-style:solid;
              border-left-style:solid;
 
              border-color:#808080;
              text-align: center;
              line-height: 38px;
              margin-bottom:4px;
              padding:0;
              cursor: pointer;

       }
 
    .pastBreadCrumb{
 
              height:38px;
              width:186px;
              border:1px;
               left:0;
              border-top-style:solid;
              border-right-style:none;
              border-bottom-style:solid;
              border-left-style:none;
 
              border-color:#808080;
              text-align: center;
              line-height: 38px;
              margin-bottom:4px;
              padding:0;
              cursor: pointer;
       }


  .disabledpastBreadCrumbFirst {
 
              height:40px;
              width:186px;
	      background-color:grey;
                 left:0;
              text-align: center;
              line-height: 40px;
              margin-bottom:4px;
              padding:0;

       }
 
    .disabledpastBreadCrumb{
 
              height:40px;
              width:186px;
	      background-color:grey;
                 left:0;
              text-align: center;
              line-height: 40px;
              margin-bottom:4px;
              padding:0;
       }
       
	.currentBreadCrumb {

		height:40px;
		width:186px;
         left:0;
		background-color:#2864DC;
		
		color:#ffffff;
		text-align: center;
		line-height: 40px;
		margin-bottom:4px;
		padding:0;
	}

	.futureBreadCrumb {
		height:40px;
		width:186px;
         left:0;
		background-color:grey;
		
		color:#ffffff;
		text-align: center;
		line-height: 40px;
		margin-bottom:4px;
		padding:0;
	}
	
	/*styling for TabControl */
	.activeTab {

		display:inline-block;
		float: left;
		height:30px;
		Width:150px;
        line-height:30px;
 		position:relative;
		top:5px;

		background-color:#ffffff;

		border-top-left-radius:10px;
		-moz-border-radius-topleft:10px;
                -webkit-border-top-left-radius:10px;

		border-top-right-radius:10px;
		-moz-border-radius-topright:10px;
		-webkit-border-top-right-radius:10px;

		text-align: center;
		margin-right:3px;
		padding:0;
		cursor:pointer;

	}

	.currentTab {

		display:inline-block;
		float: left;

		height:30px;
		width:150px;
        	line-height:30px;

 		position:relative;
		top:5px;

		background-color:#2864DC;
		color:#ffffff;

		border-top-left-radius:10px;
		-moz-border-radius-topleft:10px;
                -webkit-border-top-left-radius:10px;

		border-top-right-radius:10px;
		-moz-border-radius-topright:10px;
		-webkit-border-top-right-radius:10px;

		text-align: center;
		margin-right:3px;
		padding:0;

		border-style:solid;
		border-top:0;
		border-left:0;
		border-right:0; 
        	border-bottom-width:5px;
        	border-color:White;
	}

	.inactiveTab {

		display:inline-block;
		float: left;
		
		height:30px;
		width:150px;
        	line-height:30px;

 		position:relative;
		top:5px;

		background-color:silver;

		border-top-left-radius:10px;
		-moz-border-radius-topleft:10px;
                -webkit-border-top-left-radius:10px;

		border-top-right-radius:10px;
		-moz-border-radius-topright:10px;
		-webkit-border-top-right-radius:10px;

		text-align: center;
		margin-right:3px;
		padding:0;
	}

	.tabPanel{
		background-color:#E0E0E0;
		Width:100%;
		height:40px;
		
		border-radius:0;

	}
	
	
.Logo
{
        width:160px;
        border-color:#808080;
        border-style:solid ;
        border-width:1px;
      
        border-radius: 5px;
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px; 
        padding: 5px;
}


 /*Login Page */
    
    /* style that gets applied when the screen width is greater than or equal to 900px  */
    @media screen and (min-width: 900px) 
    {
         .MainPanel
         {
        background-color:#F2F2F2;
        
        font-size:12px;
        height:372px;
        width:832px;
        vertical-align :middle;
        border: 2px solid;
        border-color: grey;
           border-radius: 5px;
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px; 
        position: relative;
        font-family:Verdana;
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        right:0;
        margin:auto;
         }
        
      #LoginPanel
      {
        color:#000000;
        height:360px;
        width:270px;
        position: absolute;
        font-family:Verdana;
       }

   #LinkButtonTab
    {
      top:70px;
      left:30px;
      position: relative;
      
    }
    
    #ControlsTable
    {
        top:45px;
        left:30px;
        position: relative;
      
    }
    
       #LogoPanel
       {
        width:140px;
        top:35px;
        left:82px;
        border-color:#FFFFFF;
        border-style:none ;
        border-width:0px;
        position: relative;
        border-radius: 5px;
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px; 
        padding: 5px;
        padding-left:25px;
       }

     #RememberMe
     {
            top:60px;
            left:30px;
          position: relative;
          font-size:11px;
     }

        #SupportContentPanel
        {
        font-size:20px;
        height:32px;
        vertical-align :middle;
        width:146px;
        z-index:11;
        position: relative;
        font-family:Verdana;
         color:#808080;
        }

        #MarketingContentPanel
        {
        font-size:20px;
        height:32px;
        vertical-align :middle;
        width:169px;
        z-index:12;
        position: relative;
        font-family:Verdana;
        color:#808080;
        }

           #MarketingPanel
        {
        background-color:#ffffff;
        font-size:13px;
        height:250px;
        left:319px;
        top:10px;
        width:500px;
        z-index:9;
      
        border-color: #808080;
        position: relative;
        font-family:Verdana;
        border-radius: 5px;
            -moz-border-radius: 5px;  
        -webkit-border-radius: 5px; 
        padding: 2px;
        }

        #SupportPanel
        {
        background-color:#ffffff;
        font-size:13px;
        height:90px;
        left:319px;
        top:23px;
        width:504px;
        z-index:10;
    
        border-color: #808080;
        position: relative;
        font-family:Verdana;
        border-radius: 5px;
            -moz-border-radius: 5px;  
        -webkit-border-radius: 5px; 
        
        }
    }

     /* style that gets applied when the screen width is less than 900px  */
    @media screen and (max-width: 900px) {
         .MainPanel
         {
          background-color:#F2F2F2;
      
            height:350px;
            left:0px;
            top:0px;
            width:300px;
            vertical-align :middle;
            border: 2px solid;
            border-color:grey;
            font-family:Verdana;
               border-radius: 10px;
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px; 
            position:absolute;
            top:0;
            left:0;
            bottom:0;
            right:0;
            margin:auto;
        }
      #LoginPanel
      {
        color:#000000;
        height:320px;
        width:260px;
        position: absolute;
        font-family:Verdana;
       }
          #LinkButtonTab
    {
      top:70px;
      left:20px;
      position: relative;
  
    }
    
    #ControlsTable
    {
        top:45px;
        left:20px;
        position: relative;
      
    }
    
          #LogoPanel
       {
        width:140px;
        top:35px;
        left:70px;
        border-color:#FFFFFF;
        border-style:none ;
        border-width:0px;
        position: relative;
        border-radius: 5px;
            -moz-border-radius: 5px;  
        -webkit-border-radius: 5px; 
        padding: 5px;
          padding-left:25px;
       }
       
     #RememberMe
     {
            top:60px;
            left:20px;
          position: relative;
          font-size:11px;
      }

        #MarketingPanel
        {
            display:none;
        }

        #SupportPanel
        {
           display:none;
        }

    }

/* Used in Work Instruction */
   .WorkInstructionTemplate 
{
      background: #b6b7bc;
    font-size: 1em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    text-align:left;
}

   .LargeFont
    {
        font-size:xx-large;
    }



/* Used to create a line above buttons */
.button_bar {
	margin-top:1em;
	padding-top:1ex;
	border-top: solid #5d88bf 1px;
}


/*  Styles for Tables*/
table.entityGrid {
	margin-left: 2px;
	margin-right: 5px;
	border: solid 1px #6D6D6D;
	border-collapse:collapse;
	width: 99%;
}

table.entityGrid td {
	padding: 2px 7px 2px 2px;
	background: white;
	border: solid 1px #cbdaee;
	margin-top: 5px;
	border-collapse:collapse;
}

table.entityGrid th {
	padding: 1px 1px 1px 1px;
	margin-top: 5px;
	background-color: #ebeadb;
	border-top: solid 1px #cdcabb;
	border-bottom: solid 2px #cbc7b8;
	border-left: solid 1px #dbd8c9;
	border-right: solid 1px #dbd8c9;
	color: #646464;
}

table.sortable {
	margin-left: 2px;
	margin-right: 5px;
	border: solid 1px #6D6D6D;
	border-collapse:collapse;
	width: 99%;
}
table.sortable tr 
{
	background-color:White;
}

table.sortable td {
	padding: 2px 7px 2px 2px;
	border: solid 1px #cbdaee;
	margin-top: 5px;
}

table.sortable th {
	padding: 2px 7px 2px 2px;
	margin-top: 5px;
	background-color: #ebeadb;
	border-top: solid 1px #cdcabb;
	border-bottom: solid 2px #cbc7b8;
	border-left: solid 1px #dbd8c9;
	border-right: solid 1px #dbd8c9;
	color: #646464;
}




table.TableWithoutBorder {
	margin-left: 2px;
	margin-right: 5px;
		border-style: none;
	border:0px none #F2F2F2;
	border-collapse:collapse;
	width: 100%;
}
table.TableWithoutBorder tr 
{
	background-color:White;
}

table.TableWithoutBorder td {
	padding: 2px 7px 2px 2px;
  border:0px;
	margin-top: 5px;
}

table.TableWithoutBorder th {
	padding: 2px 7px 2px 2px;
	margin-top: 5px;
	background-color: #ebeadb;
	border-top: solid 1px #cdcabb;
	border-bottom: solid 2px #cbc7b8;
	border-left: solid 1px #dbd8c9;
	border-right: solid 1px #dbd8c9;
	color: #646464;
}


/* style for the Grey Header*/
table.CollapseHeaderPanel {
	margin-left: 2px;
	margin-right: 5px;
	border: solid 1px #6d6d6d;
	font-weight:bold;
    color: #FFFFFF;
    font-size: medium;
    height: 22px;
    width:99%;
    text-align:center;
    background-color :#2864DC;
}

table.CollapseHeaderPanel tr 
{
    border: solid 1px #6d6d6d;
}

table.CollapseHeaderPanel td {
    background-color :#2864DC;
	/*background: url(../img/diarynavheaderback_2.gif) repeat;*/
}

table.CollapseHeaderPanel th {
    background-color :#2864DC;
	/*background: url(../img/diarynavheaderback_2.gif) repeat;*/
}
.silverHeader
	{ background: #E0E0E0;
	border-style: none;
	border:0px none #F2F2F2;
	font-weight:bold;
    font-size: medium;
    height: 25px;
    width: 100%;
    margin-top :-4px;
    text-align:center;


	}


table.TableNoBorder {

	border-style: none;
	border:0px none #F2F2F2;
	border-collapse:collapse;

}
table.TableNoBorder tr 
{
	background-color:White;
	  border:0px;
}

table.TableNoBorder td  
{
   
  border:0px;

}

table.TableNoBorder th {
  border:0px;
}


.TableNoBorderForTree {

	border-style: none;
	border:0px none #F2F2F2;
	border-collapse:collapse;

}
.TableNoBorderForTree tr 
{
	background-color:White;
	  border:0px;
}

.TableNoBorderForTree td  
{
    text-align:left;
  border:0px !important;

}

.TableNoBorderForTree th {
  border:0px;
}

/* Styles for the ajax Calender */

.ajax_cal th {padding: 0 0 0 0 !important; margin: 0 0 0 0 !important}
.ajax_cal td {padding: 0 0 0 0 !important; margin: 0 0 0 0 !important}

.ajax_cal .ajax__calendar_container {
    color:black;
    background-color: #EFEFEF;
    border: 1px solid gray;
}

.ajax_cal .ajax__calendar_header {
    background-color:#E4E4E4;
    color:black;
}

.ajax_cal .ajax__calendar_footer {
    border-top:1px solid #f5f5f5;
} 
.ajax_cal .ajax__calendar_dayname {
    border-bottom:1px solid #f5f5f5;
} 

.ajax_cal .ajax__calendar_day {
    border:0px solid #ffffff;
} 
.ajax_cal .ajax__calendar_month {
    border:0px solid #ffffff;
} 
.ajax_cal .ajax__calendar_year {
    border:0px solid #ffffff;
} 
.ajax_cal .ajax__calendar_active .ajax__calendar_day {
    background-color:#edf9ff;
    border-color:#0066cc;
    color:#ef6f6f;
} 
.ajax_cal .ajax__calendar_active .ajax__calendar_month {
    background-color:#edf9ff;
    border-color:#0066cc;
    color:#ef6f6f;
} 

.ajax_cal .ajax__calendar_active .ajax__calendar_year {
    background-color:#edf9ff;
    border-color:#0066cc;
    color:#ef6f6f;
} 
.ajax_cal .ajax__calendar_other .ajax__calendar_day {
    background-color:#ffffff; 
    border-color:#ffffff;
    color:#646464;
} 
.ajax_cal .ajax__calendar_other .ajax__calendar_year {
    background-color:#ffffff;
    border-color:#ffffff;
    color:#646464;
} 
.ajax_cal .ajax__calendar_hover .ajax__calendar_day {
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#ef6f6f;
} 

.ajax_cal .ajax__calendar_hover .ajax__calendar_month {
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#ef6f6f;
} 
.ajax_cal .ajax__calendar_hover .ajax__calendar_year {
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#ef6f6f;
} 
.ajax_cal .ajax__calendar_hover .ajax__calendar_title {
    color:#ef6f6f;
} 
.ajax_cal .ajax__calendar_hover .ajax__calendar_today {
    color:#ef6f6f;
} 


/* styles for mod */
.modalBackground {
	background-color:whitesmoke;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#F2F2F2;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:3px;
	width:250px;
}

.required 
{
    background-color:#FAB09B !important;
}


    .ajax__html_editor_extender_texteditor
    {
        background-color:#FFFFFF;
    }

/* styles for Page Loader  */
.loader {
position:fixed;
background-color: #FAFAFA;
z-index: 2147483647 !important;
opacity: 0.8;
overflow: hidden;
text-align: center; top: 0; left: 0;
height: 100%;
width: 100%;
vertical-align:middle;
background:  url('../img/Think7Loader.gif')  50% 50%  no-repeat rgb(249,249,249);
}

.BackGroundDisabled {
position:fixed;
background-color: #AAAAAA;
z-index: 998 !important;
opacity: 0.8;
overflow: hidden;
text-align: center; top: 0; left: 0;
height: 100%;
width: 100%;
vertical-align:middle;

}

   .alternateRowColor 
    {
        border-collapse:collapse;
             width:100%; 
		    border-width:0;
		     border-style:none;
    }
    
    .alternateRowColor td{ 
		padding:3px; 
		 border-width:0;
	     border-style:none;
	     	     border:1px solid  #d3d3d3;
	     	     	background: #F5F5F5;
	}
	
	.alternateRowColor th
	{
	    padding:3px; 
		background: Silver;
		color:Black;
		font-size :12px;
		font-weight:normal;
		border-color :#323232; 
		border-width :1px;
	}
	
	.alternateRowColor tr{
	
		border-style: none ;
		border-width :0px;
		margin :0px;
		
	}
	
/*	.alternateRowColor tr:nth-child(odd){ 
		background: #E0E0E0;
	}
	
	.alternateRowColor tr:nth-child(even){
		background: #F5F5F5;
	}*/
	
	.grayCell 
	{
	    background: #E0E0E0;
  min-height:25px;
	}
	.whiteCell
	{
	    background: #F5F5F5;
	    background-color :#F5F5F5;
	    min-height:25px;
	}
	.grayCell td
	{
	 
	    background: #E0E0E0;
	}
	.whiteCell td
	{
	  
	    background: #F5F5F5;
	     background-color :#F5F5F5;
	}
	
	.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{

       margin: 0px;
    border: solid 1px #7F9DB9;
    border-right: 0px none;
    padding: 1px 0px 0px 5px;
    font-size: 13px;
    height: 18px;
}

    .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{ margin: 0; 
  padding: 0; 
  background-image: url(../img/windows-arrow.gif); 
  background-position: top left; 
  border: 1px black solid; 
  height: 20px !important; 
  width: 25px !important;
  }  

.WindowsStyle {position:relative;}
.WindowsStyle ul {
    position:absolute ! important;
    left:2px ! important;
    top:22px ! important;
    min-height: 150px;
    min-width: 270px; 
    }

    
    
    .selectWard
{
	position: absolute;
 border:1px solid #808080;
	padding:3;
	color:#1B4966;
	background:#FFFFFF;
	line-height:1.5em;
	     margin-top: 20px;
	 -webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
     overflow :auto;
}

.sub-menu {
    display: none;
    width: 400px;
    min-height :100px;
    max-height :300px;
    background: #fff;
    float :right;
    position :absolute ;
    top:15px;
    right:20px;
    overflow :auto ;
    padding: 10px 10px;
    margin-right: -11px;
    margin-top: 10px;
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
         z-index:20;
}
    .sub-menu ul li 
    {
    
        border-bottom: 1px dotted #eaeaea;
        padding: 2px  0;
    }
    
    .whiteborder
    {
      
        border :2px solid white;
    }
    
    .selectPart
    {
        display:none;
	position:relative;
	    width: 200px;
    height:300px;
     border:1px solid #808080;
	padding:3;
	color:#1B4966;
	background:#FFFFFF;
	line-height:1.5em;
     top:0px;
    right:10px;
	-webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    overflow :auto;
    padding: 10px 10px;
    margin-left: -11px;
  
}


.Parttest {
    display: none;

    height:200px;
    background: #fff;

    float:left;
    position :absolute ;
   
    z-index:99;
    overflow :auto ;
    padding: 10px 10px;
   margin-top:0.3px;

    border: 1px solid #fff;
    -webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
}

   #disablingDiv
{
    /* Do not display it on entry */
    display: none; 
 
    /* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
    z-index:4;
     
    /* make it cover the whole screen */
    position: absolute; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
 
    /* make it white but fully transparent */
    background-color: white; 
    opacity:.00; 
    filter: alpha(opacity=00); 
}

/*used for ToolTip Control */
.hovermenu
{
        position: absolute;
        background-color: #FFFFCC;
        font-size: 80%;
        z-index:2;
}
div.DetailsPrint {
	border:1px solid #016fc1;
	border-bottom: none;
	background-image: url(../img/drilldown_headerback.gif);
}
table.PrintTitle {
	padding: top 0 right 0 bottom 0 left 0;
	border-collapse: collapse;
}

div.detailPopup {
	font-size: -1;
	position: absolute;
	visibility: hidden;
	left:0;
}

div.DetailsPrint {
	border:1px solid #016fc1;
	border-bottom: none;
	background-image: url(../img/drilldown_headerback.gif);
}

div.DetailsHeader {
	font-size: 85%;
	border:1px solid #016fc1;
	border-bottom: solid 2px #cbc7b8;
	color:#3D3D3D;
	background-color: #ebeadb;
	line-height:1.5em;
	text-align: left;
	padding-right: 6px;
}

div.DetailsBody {
	font-size: 85%;
	border-bottom:1px solid #016fc1;
	border-left:1px solid #016fc1;
	border-right:1px solid #016fc1;
	color:#1B4966;
	background:#FFFFFF;
	line-height:1.5em;
}

div.LoadingBody {
	font-size: 85%;
	border-top:1px solid #016fc1;
	border-bottom:1px solid #016fc1;
	border-left:1px solid #016fc1;
	border-right:1px solid #016fc1;
	color:#1B4966;
	background:#FFFFFF;
	line-height:1.5em;
	vertical-align:middle;
}

th.UnitTitle {
	font-weight:bold;
	color: #FFFFFF;
}

th.PrintButton {
	text-align: left;
	padding-left: 3px;
	width: 20px;
}

table.PrintTitle {
	padding: top 0 right 0 bottom 0 left 0;
	border-collapse: collapse;
}



div.tooltip {
	font-size: -1;
	position: absolute;
	visibility: hidden;
	left:0;
}

div.tooltipX {
}

div.tooltipHeader {
	border:1px solid #016fc1;
	padding:3;
	color:#3D3D3D;
	background:#D5EBF9;
	font-weight:bold;
	line-height:1.5em;
	padding-left: 6px;
	padding-right: 6px;
	background-image: url(../img/tooltip_blueback.gif);
	overflow: hidden;
	width: 438px;
}

div.tooltipBody {
	border-bottom:1px solid #016fc1;
	border-left:1px solid #016fc1;
	border-right:1px solid #016fc1;
	padding:3;
	color:#1B4966;
	background:#FFFFFF;
	line-height:1.5em;
}

.rotateClockWise  {
       

       /*General*/
transform: rotate(90deg);
/*Firefox*/
-moz-transform: rotate(90deg);
/*Microsoft Internet Explorer*/
-ms-transform: rotate(90deg);
/*Chrome, Safari*/
-webkit-transform: rotate(90deg);
/*Opera*/
-o-transform: rotate(90deg);
/*alter opacity*/

}
.rotateClockWise180  {
       

       /*General*/
transform: rotate(180deg);
/*Firefox*/
-moz-transform: rotate(180deg);
/*Microsoft Internet Explorer*/
-ms-transform: rotate(180deg);
/*Chrome, Safari*/
-webkit-transform: rotate(180deg);
/*Opera*/
-o-transform: rotate(180deg);
/*alter opacity*/

}
.rotateAntiClockWise  {
       

       /*General*/
transform: rotate(-90deg);
/*Firefox*/
-moz-transform: rotate(-90deg);
/*Microsoft Internet Explorer*/
-ms-transform: rotate(-90deg);
/*Chrome, Safari*/
-webkit-transform: rotate(-90deg);
/*Opera*/
-o-transform: rotate(-90deg);
/*alter opacity*/

}

/*
css for checkboxlistwithdropdown*/
.ListContainer
{
    position:absolute;
    background-color:White;
    -webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    max-height:250px;
    overflow:auto;
}

.ListContainer td
{
  background-color:White;
  font-size:11px;
}


.elementCentred
    {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        text-align:center;
        vertical-align:middle;
     }
    .layout
    {
        background:#E2E2E2;
         color :black;
    }
    .idle
    {
      background:Silver;
       color :black;
         display: table-cell;
     vertical-align:middle;
     text-align:center;
    }
    .inProduction
    {
        /*background:Green;*/
        background:palegreen;
        color :black;
    }
    .awaiting
    {
        /*background:Yellow;*/
        background:#FFFF66;
        color :black;
        
    }
    .critical
    {
        /*background:Red;*/
        background:salmon;
         color :black;
    }
    
    .MachineCodeText
    {
        position:absolute;
        z-index:1 ! important;
    }
    
    /*Selected tree Node Style */
    .TreeSelectedNode
{
   
 
}
.TreeSelectedNode a span
{
       background-color:#2864DC;
    color:White;
    border-radius:5px;
   /*padding:5px;*/
   margin-right:3px;
}
.ui-widget-overlay {
        background: #000;
}

.ui-dialog { z-index: 9999999 !important ;}

.ui-corner-all .ui-button  {background:#2864DC !important;color:White;}

.ui-corner-all:focus , .ui-button:focus
{
        outline:none;
    border-color:#2050B0;
    box-shadow:0 0 27px #2050B0;
   
    background:#FFFFFF !important;
    color:#2864DC;
}

.ui-dialog-title {background:#2864DC !important;color:White;}​

.noclose .ui-dialog-titlebar-close
{
    display:none;
}
/* jquery title bar color to blue */
 .ui-dialog > .ui-widget-header {background: #2864DC; color:White;}
  /*Styles for notification popup */
  .notification
        {
            position:absolute;
             z-index:999999 !important;
           top:0px;
             left:0px;
             border:1px solid #E0E0E0;
             border-radius:10px;
             padding:10px;
          -webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
        -moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
          box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
        }
        .NotificationSlideItem
        {
            padding:2px;
            cursor:pointer;
            background-color:#FFFFFF;
            font-size:1.5em;
        }
           .NotificationSlideItem:hover
        {
            cursor:pointer;
             background-color:#2864DC;
             color:#FFFFFF;
              border-radius:5px;
	        -moz-border-radius: 5px;  
            -webkit-border-radius: 5px;
        }
        
        
        /*Css to hide Up/Down arrow in number fields (Spin buttons)  */
        input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.buttonCell input[type="image"]  {
    margin-left: 5px;
   position:relative ;
}
.buttonCell img{
    margin-left: 5px;
   position:relative ;
}

.RightbuttonCell input[type="image"]  {
    margin-right: 5px;
   position:relative ;
}
.RightbuttonCell img{
    margin-right: 5px;
   position:relative ;
}




  .AutoCompleteLIst
    {
     width:200px;
    background: #fff;

    position :absolute ;
    overflow :auto ;
   left:0px;
    border: 1px solid #fff;
    margin-top:0px;
    z-index:100;
    -webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
    text-align:left;
      cursor:pointer;
      max-height:400px;
    }
    
    .AutoCompleteLIst ul
    {
        margin-left:0px;
        left:0px;
        text-align:left;
        margin-left:0px;
        bottom:100%;
    }
    
   .AutoCompleteLIst li
   {
       position:relative;
       list-style:none;
          margin-left:-30px;
        left:0px;
     text-align:left;
     bottom:100%;
   }
   
   
   /* css for delete icon on hover */
              .DeleteImageForUploader
           {
               position:absolute;
               z-index:5;
               display:inline-block;
            
           }
           
           .Uploader input[type="file"]
           {
               cursor:pointer;
           }

    /* css for delete icon on hover */
.PreviewImageForUploader {
    position: absolute;
    z-index: 5;
    display: inline-block;
    margin-top :20px;
}

    .Uploader input[type="file"] {
        cursor: pointer;
    }       
               /* Css For Scroll bars */
     ::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


.SecuritySideMenu
{
    position:relative;
    left:0px;
    width:50px;
    /* min-height:500px; */
    border-radius:5px;
    background-color :#2864DC; 
     float:left;
     margin-right:5px;
}
.SideMenuItemBlue
{
      position:relative;
        left:0;
        top:10px;
        float:left;
        width: 50px;
        height:50px;
        text-align:center;
        vertical-align:middle;
     
     
}
.SideMenuItemWhite
{
      position:relative;
        left:2;
        top:10px;
        float:left;
        width: 50px;
        height:50px;
        text-align:center;
      vertical-align:middle;
        
      background-color:White;
      	border-top-left-radius:10px;
		-moz-border-radius-topleft:10px;
                -webkit-border-top-left-radius:10px;


		border-bottom-left-radius:10px;
		-moz-border-radius-bottomleft:10px;
                -webkit-border-bottom-left-radius:10px;
     
}
.SideMenuItemWhite img
{
    margin-top:8px;
}
.SideMenuItemBlue img
{
    margin-top:8px;
}

 .TableContainer
 {
     overflow:auto;
    position:relative;
   
    background-color:#ffffff;
 }