﻿/******************************************
Below colors are used:
===================================
Page Body: #FFF8ED
Header background: #FFAD5C
Menu background: #1F7A7A
******************************************/

.pageBody1
{
	background-color:white;
	font-family:Verdana;
	font-size:10pt;
	width:100%;
	border-style:none;
	border-collapse:collapse;
	border-spacing:0;
}
.pageBodyWithSpacing
{
	background-color:#FFF8ED;
	font-family:Verdana;
	font-size:10pt;
	width:100%;
	border-collapse:collapse;
	border-spacing:10px;
}
.pageHeader1
{
	background-color:#3A4F63;
	width:100%;
	border-style:none;
	border-collapse:collapse;
	border-spacing:0;
}
.topMenuTable1
{
	vertical-align:bottom;
	width:auto;	
	height:30px;
	font-family:Verdana;
	font-size:10pt;
	color:White;
	border-style:none;
	border-collapse:collapse; 	
	border-spacing:0;
	
}
.disabledText
{
	font-family:Verdana;
	font-size:10pt;
	color:Gray;
	background-color:#E0EBFF;
}
.readOnlyText
{
	font-family:Verdana;
	font-size:10pt;
	color:Gray;
}
.defaultText
{
	font-family:Verdana;
	font-size:10pt;
	color:Red;
}
.unselectedMenu
{
	text-align:center;	
	border-color:#FFAD5C;
	border-right-style:solid;
	border-bottom-style:none;
	border-top-style:none;
	border-left-style:none;
	background-color:#1F7A7A;	
	border-collapse:collapse;
	border-spacing:0;
	
}
.subSection2
{
	width:100%;
	border-style:solid;
	border-color:#CCD6CC;
	border-collapse:collapse;
	border-width:1px;
	font-family:Verdana;
	font-size:10pt;
}

.subSection2Header
{
	text-align:left;	
	font-family:Verdana;
	background-color:#CCD6CC;
	color:#061818;
	padding:10px;
	border-style:solid;
	border-color:#CCD6CC;
	border-collapse:collapse;
	border-width:1px;
}
.selectedMenu
{
	text-align:center;	
	border-color:#FFAD5C;
	border-right-style:solid;
	border-bottom-style:none;
	border-top-style:none;
	border-left-style:none;
	background-color:#FFF8ED;	
	border-collapse:collapse;
	border-spacing:0;
	color:#1F7A7A;	
}
.unselectedAccHeader
{
	text-align:left;	
	font-family:Verdana;
	background-color:#C9D3E2;
	color:#061818;
	padding:10px;
	border-style:none;
	
}
.leftMenuParent
{
	text-align:left;	
	font-family:Verdana;
	background-color:#4B6C9E;
	color:white;
	padding:10px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:white;
	
}
.link {color:White;}

/*.leftMenuParent  a:link { color: White; text-decoration: none; }*/

.leftMenuParent a:hover { color: Red; text-decoration: none; }

.leftMenuChild
{
	text-align:left;	
	font-family:Verdana;
	color:#061818;
	padding:10px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#4B6C9E;
	padding-left:30px;
	
}

.leftMenuChild  a:hover { color: Red; text-decoration: none; } 

.selectedAccHeader
{
	text-align:left;	
	border-style:solid;	
	border-color:#1F7A7A;
	border-collapse:collapse;
	border-spacing:0;
	font-family:Verdana;
	font-weight:Bold;
	border-width:5px;
	background-color:White;
	color:#1F7A7A;
}
.subSection
{
	width:100%;
	border-style:solid;
	border-color:#4B6C9E;
	border-collapse:collapse;
	border-width:1px;
	font-family:Verdana;
	font-size:10pt;
	color:#3A4F63;
	
}
.menuTable
{
	width:100%;
	border-style:none;
	border-collapse:collapse;
	font-family:Verdana;
	font-size:10pt;
}
.topMenuText1
{
	font-family:Verdana;
	font-size:10pt;
	color:White;
}
.appNameLabel1
{
	font-family:Verdana;
	font-size:14pt;
	vertical-align:middle;
	text-align:center;
	color:white;
	height:60px;
	border-collapse:collapse;	
	border-spacing:0;
	padding-left:20px;
}
.childPageHeading1
{
	color:Black;
	font-family:Verdana;
	font-size:12pt;
	vertical-align:middle;
	background-color:#EDF0F5;
	width:100%;
	height:25px;
	vertical-align:middle;
	border-left-width:10px;
	border-left-color:#EDF0F5;
}
.Contents
{
color: Teal;
font-weight: bold;
}
.likeabutton {
    text-decoration: none; 
    display: inline-block; /*padding: 2px 4px;*/
    background: ButtonFace; color: ButtonText;
    border-style: solid; /*border-width: 2px;*/
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
    height:20px;    
    vertical-align:middle;
   width:100%;
    font-family:Verdana;
    font-weight:bold;
    font-size:8pt;   
     
}
.likeabutton:active {
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}


.tabStyle .ajax__tab_tab {
    font-family:verdana;
    font-size:10pt;
    border-style:solid;
	border-color:#FFF;
	border-width:1px;
	/*background-color:#C9D3E2;*/
	color:#061818;
	padding:10px;	
}
.tabStyle .ajax__tab_body
{
	font-family:verdana;
    font-size:10pt;
    border-style:solid;
	border-color:#A1A9B5;
	border-width:1px;
	color:#3A4F63;
}
.tabStyle .ajax__tab_hover .ajax__tab_inner
{
	background-color:#A1A9B5;
	
}

.tabStyle .ajax__tab_inner
{
	color:Black;
}
.tabStyle .ajax__tab_active .ajax__tab_inner
{
	border-width:5px;
	font-size:12pt;
	background-color: #A1A9B5 ;
	color:white;
}

.tabStyle .ajax__tab_header .ajax__tab_outer 
{
	border-width:5px;
	font-size:12pt;
	background-color:#C9D3E2;
	color:Black;
}



.modalBackground {
            background-color:Gray;
            filter:alpha(opacity=70);
            opacity:0.2;
            
        }
        
.modalPopUp
        {
        	border-color:Black;
            border-width:1px;
            border-bottom-style:solid;
            border-right-style:solid;
            border-left-style:solid;
            border-top-style:solid;
            background-color:white;
        }
        	
.modalPopUpHeader
{
	background-color:#3A4F63;
	
}
		
.mGrid {    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;    
    border-collapse:collapse;    
}   
.mGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #3A4F63;    
}   
.mGrid th {    
    padding: 4px 2px;    
    color: Black;    
    
    background-color: #8995A1;   
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight:normal;    
}   
.mGrid .alt { background-color: #EBEDEF ; }   
.mGrid .pgr { background-color: #8995A1; }   
.mGrid .pgr table { margin: 5px 0; }   
.mGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: normal;    
    color: #fff;    
    line-height: 12px;    
 }      
.mGrid .pgr a { color: black; text-decoration: none; }   
.mGrid .pgr a:hover { color: white; text-decoration: none; } 


.btn
{
	background-color:#4B6C9E;
	color:White;
	}
		
.leftMenuParentSelected
{
	text-align:left;	
	font-family:Verdana;
	background-color:#993333;
	color:white;
	padding:10px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:white;
	
}

.leftMenuChildSelected
{

	color:Maroon;
		
}

.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td { 
    border:solid 1px black; background-color: #FFF1B8; 
}
  
.mandatoryField
{
	color:#993333;
	}
	
.warningMessage
{
	color:Red;
	font-family:Verdana;
	font-size:10pt;
	vertical-align:middle;
	background-color:#EDF0F5;
	
	height:25px;
	vertical-align:middle;
	border-left-width:10px;
	border-left-color:#EDF0F5;
}
.ReadOnly
{
	background-color: #D6D3CE;
	font-family:Arial;
	font-size:10pt;
}

.multiLine
{
	font-family:Arial;
	font-size:10pt;
}

.searchButton
{
    background-image:url(../images/Search_icon.jpg);       
    height:25px;
    width:30px;
}
.customScrollbar
{
	scrollbar-base-color:#c9d3e2;
	scrollbar-arrow-color:black;
}
.samplingtd
{
   background-color:#C1D5D8;
   font-family:Verdana;
   font-size:10pt;
   color:Black;
}
.samplingtd1
{
   background-color:#D9E5E6;
   font-family:Verdana;
   font-size:10pt;
   color:Black;
}

.mSamplingGrid {    
    width: 100%;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;    
    border-collapse:collapse;    
}   
.mSamplingGridmSamplingGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #3A4F63;    
}   
.mSamplingGrid th {    
    padding: 4px 2px;    
    color: Black;    
    
    background-color: #C1D5D8;   
    border-left: solid 1px #525252;    
    font-size: 0.9em;
    font-weight:normal;    
}   
.mSamplingGrid .alt { background-color: #EBEDEF ; }   
.mSamplingGrid .pgr { background-color: #8995A1; }   
.mSamplingGrid .pgr table { margin: 5px 0; }   
.mSamplingGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: normal;    
    color: #fff;    
    line-height: 12px;    
 }      
.mSamplingGrid .pgr a { color: black; text-decoration: none; }   
.mSamplingGrid .pgr a:hover { color: white; text-decoration: none; }