HTML, FORM 
{
	/*height: 100%;	*/
}
#BODY {
    font-weight: normal;
    background-image: none;
    background-color: White;
    color: black;
    font-family: Calibri;
    text-decoration: none;
    border-color: ActiveBorder;
    /*height:100%;*/
    margin: 0;
    overflow: hidden !important;
}
.clsHtmlAndForm
{
    /*height: 100%;*/
    margin:0;
}
.clsBodyAODA
{
	font-weight: normal;
	background-image: none;
	background-color:White;
	color: black;
	font-family: Calibri;
	text-decoration: none;
	border-color:ActiveBorder;
	/*height:100%;*/
	margin:0;
	overflow:hidden;
}
.clsBody {
    font-weight: normal;
    background-image: none;
    background-color: White;
    color: black;
    font-family: Calibri;
    text-decoration: none;
    border-color: ActiveBorder;
    height: 100%;
    margin: 0;
    overflow: hidden !important;
}
.clshover:hover {
    background-color: #e0f9fe;
    border-color: Silver;
    border-style: solid;
}

.clshover {
    background-color: white;
}

.clsMainMenu {
    width: 275px;
    height: 110px;
    border: 1px solid lightgray;
    border-radius: 5px;
    white-space: normal;
}

.clsMainMenu360 {
    width: 380px;
    height: 110px;
    border: 1px solid lightgray;
    border-radius: 5px;
    white-space: normal;
}
.clsMainMenuLargeButtonText {
    display: block;
    line-height: 20px;
    text-align: left;
    color: #4f4f4f;
    vertical-align: middle;
    font-size: 16pt;
    padding-right: 20px;
}
.clsMainMenuSmallButtonText {
    display: block;
    line-height: 14px;
    text-align: left;
    font-size: 11pt;
    font-weight: normal;
    color: Gray;
}
.clsHint
{
    font-weight:normal;
	background-image: none;
	background-color:White;
	font-style:italic;
	color: red;
	font-family: Calibri;	
	font-size:medium;	
}
.rightAlign 
{ 
	text-align:right; 
}

.chkBoxList tr
{
   height:20px;
}
.AcceptedAgreement
{
    display:inline
}
.chkBoxList td
{
   width:220px; /* or percent value: 25% */
}
.inplace 
{
   position: absolute;
   visibility: hidden;
   z-index: 10000;
}
.clsTableCell
{
  border-width:1px;
  border-color:silver;
  border-style:solid;
/*  background-color:#FEF7EE;*/
/*  background-color:#FFFFCC;*/
/*  background-color:#FFFFEF; /* yellow */
  background-color:white; /* gray */
}
.clsTableCellTop
{
  border-width:1px;
  border-color:ActiveBorder;
  border-style:solid;
/*  background-color:#FEF7EE;*/
/*  background-color:#FFFFCC;*/
  background-color:#E3EFFF;
}
.clsTableCellWithBorder
{
  border-width:1px;
  border-color:Silver;
  border-style:Solid;
  background-color:White;
}
.clsTableSection
{
  border-width:1px;
  border-color:ActiveBorder;
  border-style:solid;
/*  background-color:#FFFFDD; /* yellow */
  background-color:#F0F0F0; /* gray */
/*  background-color:#FAFAFA;*/
/*  background-color:#FEF7EE;*/
/*  background-color:#FFFFCC;*/
/*  background-color:Silver;*/
}
.clsPosRelative
{
	position:relative;
}
.clsNameLabels {
    /*
	font-size : 12pt;
	color : black;
	font-weight : normal;    
	font-family:Calibri;
	height:20px; 
*/
    font-size: 12pt;
    color: black;
    font-weight: normal;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    height: 20px;
}
.clsNameLabels14 {
    /*
	font-size : 12pt;
	color : black;
	font-weight : normal;    
	font-family:Calibri;
	height:20px; 
*/
    font-size: 14pt;
    color: black;
    font-weight: normal;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    height: 20px;
}
.clsTemplateHeader
{
  font-size : 14pt;
  color : grey;
  font-weight : normal;
  font-style: normal;  
  text-align: left;  
  font-family: Calibri;
  overflow: visible !important;
}
.clsSectionHeaders
{
  font-size : 8pt;
  color : black;
  font-weight :bold;  
  text-align:left;  
  /*font-family:Arial Unicode MS;*/
  font-family: Calibri;
  height:20px;  
}
.clsHomePageHeader
{
  font-size : 20pt;
  color : blue;
  font-weight : normal;
  font-style: normal;  
  text-align: left;  
  font-family: Calibri;  
}
.clsHomePageLabelStep1
{
  font-size : 14pt;
  color : black;
  font-weight : normal;
  font-style: normal;  
  text-align: left;  
  font-family: Calibri; 
  background-color: #F6F6F6;
}
.clsStep1
{   
  font-style:normal;  
  text-align: left;  
  font-family: Calibri;
  background:#00aea9;   
  height:2px;
}

.clsStep2
{   
  font-style:normal;  
  text-align: left;  
  font-family: Calibri;
  background:#006eb0;   
  height:2px;
}
.clsStep3
{   
  font-style:normal;  
  text-align: left;  
  font-family: Calibri;
  background:#e23d96;   
  height:2px;
}
.clsStep4
{   
  font-style:normal;  
  text-align: left;  
  font-family: Calibri;
  background:#8fc740;   
  height:2px;
}
.clsHomePageLabelStep2
{
  font-size : 14pt;
  color : black;
  font-weight : normal;
  font-style: normal;  
  text-align: left;  
  font-family: Calibri; 
  background-color: #F6F6F6;
}
.clsHomePageLabelStep3
{
  font-size : 14pt;
  color : black;
  font-weight : normal;
  font-style: normal;  
  text-align: left;  
  font-family: Calibri; 
  background-color: #F6F6F6;
}
.clsHomePageLabelGetVerified
{
  font-size : 14pt;
  color : #227818;
  font-weight : bold;
  font-style: normal;  
  text-align: left;  
  font-family: Calibri; 
  background-color: #F6F6F6;
}
.clsHomePageLabelStep4
{
  font-size : 14pt;
  color : black;
  font-weight : normal;
  font-style: normal;  
  text-align: left;  
  font-family: Calibri; 
  background-color: #F6F6F6;
}

.clsHomePageLabel
{
  font-size : 14pt;
  color : black;
  font-weight : normal;
  font-style: normal;  
  text-align: left;  
  font-family: Calibri;
}
.clsHomePageHeaderRight
{
  font-size : 20pt;
  color : blue;
  font-weight : normal;
  font-style: normal;  
  text-align: right;  
  font-family: Calibri;  
}

.clsHomePageLabels
{
  font-size : 12pt;
  color : black;
  font-weight : normal;  
  text-align:left;  
  /*font-family:Arial Unicode MS;  */
  font-family: Calibri;
}
.clsButton
{	          
 color : #284E98;
 /*font-family : Verdana;*/
 font-family: Calibri;
 font-size : 1.0em;
 border-style : solid;
 border-width : 1px;
 border-color : #507CD1;
 background-color : White;
}
.clsTdBackGround
{
	border-width:1px;
	border-color:ActiveBorder;
	border-style:solid;
	background-color:#FFFFDD;
}
.clsTdBackGroundTop
{
	border-width:1px;
	border-color:ActiveBorder;
	border-style:solid;
    /*background-color:#E3EFFF;*/
    background-color:White;
}
.clsTdBackGroundWhiteBorder
{
	border-width:3px;
	border-color:White;
	border-style:solid;
	background-color:Transparent;
}
.clsPageTitle
{	
	background-image: url(../@Images/TiTleBarCentre.png);
	background-repeat: repeat-x;
	background-position: left;
	height: 55px;
	font-size: large;
	vertical-align:middle;
    font-weight:normal;
    font-family:Calibri;
    COLOR:black;  
    background-color:White;
    border-style:none;
}
 .clsPageTitleLeft
{	
	background-image: url(../@Images/TiTleBarLeft.png);
	background-repeat:no-repeat;
	background-position:right;
	height: 55px;
	font-size: large;
	vertical-align:middle;
	font-weight:normal;
    font-family:Calibri;
    COLOR:black;  
    background-color:White;
    border-style:none;
 }
 .clsPageTitleRight
{	
	background-image: url(../@Images/TiTleBarRight.png);
	background-repeat: no-repeat;
	background-position:left;
	height: 55px;
	font-size: large;
	vertical-align:middle;
    font-weight:normal;
    font-family:Calibri;
    COLOR:black;  
    background-color:White;
    border-style:none;
}
.clsPageTitle2
{	
	background-image: url(../@Images/TiTleBarCentre.png);
	background-repeat: repeat-x;
	background-position: left;
	height: 40px;
	font-size: medium;
	vertical-align:middle;
    font-weight:normal;
    font-family:Calibri;
    COLOR:black;  
    background-color:White;
    border-style:none;
}
 .clsPageTitle2Left
{	
	background-image: url(../@Images/TiTleBarLeft.png);
	background-repeat:no-repeat;
	background-position:right;
	height: 40px;
	font-size: medium;
	vertical-align:middle;
	font-weight:normal;
    font-family:Calibri;
    COLOR:black;  
    background-color:White;
    border-style:none;
 }
  .clsPageTitleRight2
{	
	background-image: url(../@Images/TiTleBarRight.png);
	background-repeat: no-repeat;
	background-position:left;
	height: 40px;
	font-size: medium;
	vertical-align:middle;
    font-weight:normal;
    font-family:Calibri;
    COLOR:black;  
    background-color:White;
    border-style:none;
}
.clsTextBox {
    /*font-family:Sans-Serif, Arial Unicode MS;*/
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12pt;
    border-width:1px;
    border-style: Solid;
    border-left-color: buttonshadow;
    border-top-color: buttonshadow;
    border-right-color: buttonface;
    border-bottom-color: buttonface;
    background-color: White;
}

.clsTextBoxHidden 
{
	visibility:hidden;
}

.clsInvalidCode
{
	color:Red;
}
.clsMenuLabels{
  font-size : 10pt;
  /*font-family:@Arial Unicode MS;*/
  font-family: Calibri;
  color : black;
  }
  
 .clsMessage{
  font-size :12pt;
  /*font-family:@Arial Unicode MS;*/
  font-family: Calibri;
  font-weight:normal;
  }

.clsFilterSelectionTable{
	border-width : 0px 0px 0px 0px;
	border-style : solid solid solid solid;
	border-color : navy navy navy navy;
}
.clsFilterSelectionHeaderLabel{
  font-size : 8pt;
  color : black;
  font-style:normal;
  /*font-family:@Arial Unicode MS;	  */
  font-family: Calibri;
}
.clsNameLabelsR{
  font-size : 8pt;
  color : black;
  font-weight : normal;  
  text-align:right;  
  /*font-family:Arial Unicode MS; */
  font-family: Calibri;
  height:20px;  
}

.clsListTable{border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color :  blue blue blue blue;}
.clsListTableBorder{border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : blue blue blue blue;}
.clsListTableBody{
  background-color : white;
}
.clsURLName{
  color : navy;
  text-decoration : underline;
}
.clsEditScreenVarLabels{
  color : black;
  font-weight : bold;
}
.clsReportXXSmall{
    FONT-SIZE: 6pt;
    COLOR: black;
    /*FONT-FAMILY: Arial, Verdana */
    font-family: Calibri;
}
.clsReport{
    FONT-SIZE: 8pt;
    COLOR: black;
    /*FONT-FAMILY: Arial, Verdana */
    font-family: Calibri;
}
.clsNegative{
  background-color : red;
}
A{
  color :blue;
  text-decoration :none;
}
A:HOVER{
  color : blue;
  text-decoration : underline;
}
A:LINK{
  color : navy;
  text-decoration : none;
}
A:VISITED{
  color : navy;
  text-decoration : underline;
}


.clsCellWithBorders{border-width : 1pt 1pt 1pt 1pt;border-style : solid solid solid solid;border-color : black black black black;}
.clsTree{
    FONT-SIZE: 8pt;
    COLOR: black;
    /*FONT-FAMILY: Arial, Verdana */
    font-family: Calibri;
}
.clsHeader{
    FONT-SIZE: 10pt;
    COLOR: navy;
    /*FONT-FAMILY: Arial, Verdana */
    font-family: Calibri;
}
.clsPoweredByTitle
{	
	background-image: url(../@Images/QuatroSafety-Icon.gif); 
    FONT-SIZE: 12pt;
    /*font-family:Arial Unicode MS; */
    font-family: Calibri;
    COLOR: black;    
    border-style:groove;
    border-width:thin; 
 }
.clsButtonBar
{	
	background-image: url(../@Images/buttonBar3.png); 
    FONT-SIZE: 8pt;
    height: 23px;
    /*font-family:Arial Unicode MS; */
    font-family: Calibri;
    COLOR: black;
    border-width:0pt;  
    border-color:Silver;
    border-style:solid;
 }
 .clsButtonBarText
{	
    FONT-SIZE: 8pt;
    /*font-family:Arial Unicode MS; */
    font-family: Calibri;
    COLOR: black;  
 }
 .clsTab
{	
	background-image: url(../@Images/Tabs-Small-White.png); 
	background-repeat:no-repeat;
	width: 81;
    FONT-SIZE: 8pt;
    text-align:center;
    vertical-align:text-bottom;
    /*font-family:Arial Unicode MS; */
    font-family: Calibri;
    font-weight:normal;
    color:Navy;
    border-width:0pt;  
    border-color:Silver;
    border-style:solid;
 }
  .clsTabHighlight
{	
	background-image: url(../@Images/Tabs-Small-Blue.png); 
	background-repeat:no-repeat;
	width:81;
    FONT-SIZE: 8pt;
    color:White;
    text-align:center;
    vertical-align:text-bottom;
    /*font-family:Arial Unicode MS; */
    font-family: Calibri;
    font-weight:normal;
    border-width:0pt;  
    border-color:Silver;
    border-style:solid;
 }
  .clsTabVerySmall
{	
	background-image: url(../@Images/Tabs-VerySmall-White.png); 
	background-repeat:no-repeat;
	width: 41;
    FONT-SIZE: 8pt;
    text-align:center;
    vertical-align:text-bottom;
    /*font-family:Arial Unicode MS; */
    font-family: Calibri;
    font-weight:normal;
    color:Navy;
    border-width:0pt;  
    border-color:Silver;
    border-style:solid;
 }
  .clsTabVerySmallHighlight
{	
	background-image: url(../@Images/Tabs-VerySmall-Blue.png); 
	background-repeat:no-repeat;
	width:41;
    FONT-SIZE: 8pt;
    color:White;
    text-align:center;
    vertical-align:text-bottom;
    /*font-family:Arial Unicode MS;*/
    font-family: Calibri;
    font-weight:normal;
    border-width:0pt;  
    border-color:Silver;
    border-style:solid;
 }
 .clsMenuBar1
{	
/*	background-image: url(../@Images/menuBar9.gif); */ 
	background-image: url(../@Images/menuBar2.gif); 
    FONT-SIZE: 12pt;
    font-family:Calibri;
    COLOR: Black;    
/*    border-bottom-style:groove;
    border-bottom-width:thin; 
    border-left-style: groove;
    border-left-width:thin; 
    border-right-style: groove;
    border-right-width:thin; 
    border-top-style:groove;
    border-top-width:thin; */
 }
  .clsMenuBar1Selected
{	
/*	background-image: url(../@Images/menuBar5.gif); */
	border-top-color: Blue;
 	background-image: url(../@Images/menuBar3.gif); 
	background-color:White;
    FONT-SIZE: 12pt;
    /*font-family:Arial Unicode MS; */
    font-family: Calibri;
    color:Blue;
 }
  .clsMenuBar2
{	
	background-image: url(../@Images/menuBar2.gif); 
    FONT-SIZE:12pt;    
    /*font-family:Arial Unicode MS; */
    font-family: Calibri;
    COLOR:navy;
    border-width:1px;
    border-style:groove;  
    border-color:Green;
/*    border-bottom-style:groove;
    border-bottom-width:thin; 
    border-left-style: groove;
    border-left-width:thin; 
    border-right-style: groove;
    border-right-width:thin; 
    border-top-style:groove;
    border-top-width:thin; */
 }
 .clsMenuBar2Selected
{	
	background-image: url(../@Images/menuBar3.gif); 
	background-color:White;
    FONT-SIZE: 12pt;
    /*font-family:Arial Unicode MS; */
    font-family: Calibri;
    font-weight:bold;
    COLOR:Red; 
 }
    .clsFormTextBox 
 {
    /*font-family: Arial Unicode MS; */
    font-family: Calibri;
    background-color:White;
    border: 1px solid silver;
    font-size: 10pt;
  }
.clsDropdownMenu {
  /*font-family: Arial; */
  font-family: Calibri;
  font-size: 12px;
  background-color:white; 
  border-width:1px;
  border-style:groove;
  border-color:red;  
}

.clsTableContext
{
	border-width:1px;
	border-color:Black;
	border-style:none;
	font-size : 8pt;
	color : black;
	text-align:left;
	font-weight : normal;
	/*FONT-FAMILY: Arial; */
	font-family: Calibri;
	BACKGROUND-COLOR: white;
}
.clsTableContextTransparent
{
	border-width:0px;
	border-color:Black;
	border-style:solid;
	font-size : 8pt;
	color : black;
	text-align:left;
	font-weight : normal;
	/*FONT-FAMILY: Arial; */
	font-family: Calibri;
	BACKGROUND-COLOR:Transparent;
}

.clsHoverHighlight 
{
	font-size:10pt;
	font-style:italic;
	color:Blue;
	  border-width:1pt;
	  border-bottom-color:Black;
	  border-bottom-style:solid;
/*	  border-bottom-width:thin; */
	  border-right-color:Black;
	  border-right-style: solid;
/*	  border-right-width:thin; */
	  border-top-color:white;
	  border-top-style:solid;
/*	  border-top-width:thin; */
	  border-left-color:white;
	  border-left-style: solid;
/*	  border-left-width:thin; */
}
.clsHoverDelight 
{
	
	  border-width:1pt;
	  border-bottom-color:Transparent;
	  border-bottom-style:solid;
/*	  border-bottom-width:thin; */
	  border-right-color:Transparent;
	  border-right-style: solid;
/*	  border-right-width:thin; */
	  border-top-color:gray;
	  border-top-style:solid;
	  border-top-width:1pt;
/*	  border-top-width:thin; */
	  border-left-color:gray;
	  border-left-style:solid;
	  border-left-width:1pt;
/*	  border-left-width:thin; */
}
.clsFrameBackground
{
	/* background-image: url(../@Images/silver-backgroundH1.gif); */
	background-color:#D7E0EB; /*windows7 LT Blue;*/
/*	background-image: url(../@Images/silver-backgroundH1.gif); 
	background-color:silver; */
	border-width: 0px;
}
.clsHeaderBackground
{
	height:45px;
	border-width: 1px;
	border-right: white 1px solid;
	background-position: left bottom;
	border-top: white 1px solid;
	border-left: white 1px solid;	
	border-right: silver 1px solid;
	border-bottom: black 1px solid;
	background-repeat: repeat-x;
}
.clsBodyBackground
{
	background-color:white; 
	background-repeat: repeat; 
}
.clsLeftNavBackground
{
	background-color:white;
	border-top: white 1px solid;
	border-left: white 1px solid;
	background-repeat: repeat; 
	border-right: gray 1px solid;
	border-bottom: black 0px solid;
}
.clsFooterBackground
{
	height:40px;
	border-top: black 0px solid;
	border-right: black 1px solid;
	background-position: center top;
	border-left: white 1px solid;
	border-bottom: black 1px solid;
}
.clsCopyRight
{
	width:100%;
	border-top: black 1px solid;
	border-right: silver 1px solid;
	background-position: left top;
	background-image: url(../@Images/Silver-background-Footer.gif);
	border-left: gray 0px solid;
	border-bottom: silver 1px solid;
	background-repeat: repeat-x;
}
.clsTable{border-width : 1px ;border-style : solid ;border-color : white;}
.clsDataGridCell
{
  border-width:0px;
  border-color:White;
  border-style:solid;
  font-size : 8pt;  
  color : black;
  text-align:left;
  font-weight : normal;
  width:50px;
  height:52px; 
}

.clsDataGridCellWide
{
  border-width:0px;
  border-color:White;
  border-style:solid;
  font-size : 8pt;
  background-image: url(../@Images/brushed_steel_light.gif);  
  color : black;
  text-align:left;
  font-weight : normal;
  width:50px;
  height:26px; 
}
.clsDataGrid
{
  border-width:0px;
  border-color:White;
  border-style:solid;
  font-size : 8pt;
  background-color:White;  
  color:black;
  text-align:left;
  font-weight : normal;
  width:50px;
  height:52px;
  overflow:auto;
}
.clsDataGridWide
{
  border-width:0px;
  border-color:White;
  border-style:solid;
  font-size : 8pt;
  background-color:White;  
  color : black;
  text-align:left;
  font-weight : normal;
  width:50px;
  height:26px;
  overflow:auto;
}
.clsDataGridList
{
	border-width:thin;
	border-style:groove;
	background-color:White;
	color : black;
	font-size : 10pt;
	font-weight:normal;	
	font-family:Calibri;
}
.clsCommandBar
{	
	background-image: url(../@Images/CommandBarCentreLightBlue.png);
	background-repeat: repeat-x;
	background-position: left;
	height: 40px;
	font-size:small;
	vertical-align:middle;
    font-weight:normal;
    font-family:Calibri;
    COLOR:black;  
    border-style:none;
    width:100%;
    background-color: #ccffff;
}
.clsCommandBarPink
{	
	background-image: url(../@Images/CommandBarCentrePink.png);
	background-repeat: repeat-x;
	background-position: left;
	height: 40px;
	font-size:medium;
	vertical-align:middle;
    font-weight:normal;
    font-family:Calibri;
    COLOR: White;  
    border-style:none;
    width:100%;
    background-color: #ccffff;
}
.clsCommandBarNews
{	
	background-image: url(../@Images/CommandBarCentreLightBlue.png);
	background-repeat: repeat-x;
	background-position: left;
	height: 40px;
	font-size:medium;
	vertical-align:middle;
    font-weight:normal;
    font-family:Calibri;
    COLOR: Blue ;  
    border-style:none;
    width:100%;
    background-color: #ccffff;
}
.clsSelectedTreeNode
{
	font-weight:bold;
	background-color:White;
}
.clsCustTextBox {
	DISPLAY: none;
}
.clsTextBoxJAD
{
    text-align:center;    
}

input:disabled, input[disable], textarea[disabled], select[disabled], input[type='text'][disabled], .RadInput_Default .riDisabled,span[disabled],table[disabled]
{
   color:Black; text-decoration:none;
  /* font-weight:bold !important;*/
   background-color:White;
}

input[readonly],input[type='text'][readonly]
{
   color:Black !important; text-decoration:none;
  /* font-weight:bold;*/
}

 .ReadOnlyBold .RadInput_Default .riDisabled
{
    font-weight:bold;
}


.smallModule textarea {

     width: 470px;

}

.title {

     color: black;

}

.rscLinkImg {

     background-image: url(../@Images/spell.gif);

     background-repeat: no-repeat;

     text-indent: -9999px;

     width: 27px;

     height: 20px;

     display: block;

     border: 1px solid #404040;

     background-color: #ebebeb;

     outline: none;

}

.clsJMGridBorderBT
{
    border-bottom-color: #A9A9A9;
    border-bottom-style: solid;
    border-bottom-width: 1px;    
    border-top-color: #A9A9A9;
    border-top-style: solid;
    border-top-width: 1px;
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:8pt;
}
.clsJMGridBorderB
{
    border-bottom-color: #A9A9A9;
    border-bottom-style: solid;
    border-bottom-width: 1px;        
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:10pt;
}
.clsJMGridBorderT
{   
    border-top-color: #A9A9A9;
    border-top-style: solid;
    border-top-width: 1px;
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:10pt;
}
.clsJMGridBorderLBR
{
    border-bottom-color: #A9A9A9;
    border-bottom-style: solid;
    border-bottom-width: 1px;    
    border-left-color: #A9A9A9;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #A9A9A9;
    border-right-style: solid;
    border-right-width: 1px;
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:10pt;
}
.clsJMGridBorderR
{    
    border-right-color: #A9A9A9;
    border-right-style: solid;
    border-right-width: 1px;
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:10pt;
}

.clsJMGridBorderL
{    
    border-left-color: #A9A9A9;
    border-left-style: solid;
    border-left-width: 1px;    
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:10pt;
}
.clsJMGridBorderLR
{    
    border-left-color: #A9A9A9;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #A9A9A9;
    border-right-style: solid;
    border-right-width: 1px;
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:10pt;
}

 div.RadGrid_Windows7 .rgHeader,
 /*div.RadGrid_Windows7 th.rgResizeCol,
 div.RadGrid_Windows7 .rgFilterRow td,*/
 div.RadGrid_Windows7 .rgRow td,
 div.RadGrid_Windows7 .rgAltRow td
 /*,
 div.RadGrid_Windows7 .rgEditRow td,
 div.RadGrid_Windows7 .rgFooter td
*/
 {
       /*border-left:1px solid gray !important; 
       border-bottom:1px solid gray !important;*/
 }
 
 div.RadGrid_Windows7
 {
 	/*
     border-bottom-style: none !important;
     border-left-style: none !important;
	*/
 }

/*
 .RadGrid_Windows7 .rgRow td, .RadGrid_Windows7 .rgAltRow td, .RadGrid_Windows7 .rgEditRow td, .RadGrid_Windows7 .rgFooter td

{

    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-left-color: Silver !important;
}

.RadGrid_Windows7 .rgHeader, .RadGrid_Windows7 th.rgResizeCol

{
    border-bottom-style: none !important;
    border-left-style: solid !important;
    border-left-color: Silver !important;
}
*/
 .hiddenToolBar .reToolCell, .reRightVerticalSide, .reTlbVertical, .reLeftVerticalSide
{
   display: none !important;   
}
/*
input[disabled] 
{
	background-color:White;font-size:medium; color:black;
}
                  
   */


/*  
   .RadSplitter_Windows7, .RadSplitter,
   .RadSplitter, .RadSplitter .rspSlideZone, .RadSplitter .rspSlideContainer, .RadSplitter .rspPaneTabContainer, 
   .RadSplitter .rspPane, .RadSplitter .rspResizeBar, .RadSplitter .rspSlideContainerResize, .RadSplitter .rspPaneHorizontal, 
   .RadSplitter .rspResizeBarHorizontal, .RadSplitter .rspSlideContainerResizeHorizontal
   {
       border-style: none !important;   
       border-bottom-style: none !important;
       font-size: 12pt;
   }
*/
.RadGrid_Office2007 .rgMasterTable, .RadGrid_Office2007 .rgDetailTable, .RadGrid_Office2007 .rgGroupPanel table, .RadGrid_Office2007 .rgCommandRow table, .RadGrid_Office2007 .rgEditForm table, .RadGrid_Office2007 .rgPager table {
    font-size: 12pt !important;
}
.RadGrid_Office2007 .rgRow > td, .RadGrid_Office2007 .rgAltRow > td {
    font-size: 12pt !important;
}
.RadSplitter_Office2007 .rspPaneHorizontal {
    border-color: #c8c8d8;
}
.RadDropDownList_Office2007 {
    font-size: 12pt !important;
}
.RadSplitter .RadSplitter_Office2007 {
    border-top-width: 0px !important;
}



.clsJMRightAlign {
    text-align: right;
    padding-right: 5px;
}

.clsRadEditorDisableOverflow
{
    overflow-Y:scroll;
    border: 1px solid black;
}

.clsJMTextArea
{
    border-width:0px;
    overflow:hidden;    
    /*font-family:"Segoe UI",Arial,Helvetica,sans-serif;*/
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:10pt;
}
.clsJMTextAreaTextBox
{
    border-width:0px;
    overflow:hidden;
    /*font-family:Sans-Serif, Arial Unicode MS;    */
    font-family: Calibri;
    font-size:10pt;
}
.clsFont
{
    /*font-family:Sans-Serif, Arial Unicode MS;    */
    font-family: Calibri;
    font-size:10pt;
}
.clsJMGridBorderBH
{
    border-bottom-color: #A9A9A9;
    border-bottom-style: solid;
    border-bottom-width: 1px;        
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:8pt;
}
.clsJMGridBorderLBRH
{
    border-bottom-color: #A9A9A9;
    border-bottom-style: solid;
    border-bottom-width: 1px;    
    border-left-color: #A9A9A9;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #A9A9A9;
    border-right-style: solid;
    border-right-width: 1px;
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:8pt;
}
.clsJMGridBorderRH
{    
    border-right-color: #A9A9A9;
    border-right-style: solid;
    border-right-width: 1px;
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:8pt;
}
.clsJMGridBorderLH
{    
    border-left-color: #A9A9A9;
    border-left-style: solid;
    border-left-width: 1px;    
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:8pt;
}
.clsJMGridBorderLRH
{    
    border-left-color: #A9A9A9;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #A9A9A9;
    border-right-style: solid;
    border-right-width: 1px;
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:8pt;
}
.clsJMGridBorderBTD
{
    border-bottom-color: #A9A9A9;
    border-bottom-style: solid;
    border-bottom-width: 1px;    
    border-top-color: #A9A9A9;
    border-top-style: solid;
    border-top-width: 1px;
    /*font-family:Sans-Serif, Arial Unicode MS; */
    font-family: Calibri;
    font-size:10pt;
}
.clsJMWeightLabels
{
  font-size : 10pt;
  color : black;
  font-weight : normal;  
  text-align:center;  
  /*font-family:Sans-Serif, Arial Unicode MS; */
  font-family: Calibri;
  height:20px;  
}
.clsAutoHeight
{
    height:auto;
}

.clsCHKList tr input
 {     
    margin-right:5px;
    padding-right:5px;
    padding-left:0px;
 }
 .clsCompSearch
 {
     font-size:smaller;
     font-style:italic;
 }
 
 .clsTdPurchaseAlt
{
	border-width:1px;
	border-color:ActiveBorder;
	border-style:solid;
	background-color:#EEFFDD;	
}

.clsTdPurchase
{
	border-width:1px;
	border-color:ActiveBorder;
	border-style:solid;
	background-color:#FFFFDD;	
}

.clsTdPurchaseTop
{
	border-width:1px;
	border-color:ActiveBorder;
	border-style:solid;
    background-color:#E3EFFF;
    font-weight:bolder;
}

 .clsNameLabelsCalibri
{
  font-size : 12pt;
  color : black;
  font-weight : normal;    
  /*font-family:Calibri;*/
  height:20px;  
}
 .clsNameLabelsCalibriTree td
{
  font-size : 12pt;
  color : black;
  font-weight : normal;    
  /*font-family:Calibri;*/
}
.clsRadWindow
{
	overflow:hidden;  
}

input[type='text']
{
    height: 24px;
}
.LargeButtonText 
{
     display:block;
     line-height: 20px;
     text-align:center;
     font-size:large;
     font-family:Calibri;
     font-weight:normal;
     color: #4f4f4f;
}
.SmallButtonText 
{
     display: block;
     line-height: 14px;
     text-align:center;
     font-size:small;
     font-family:Calibri;
     font-weight:normal;
     color:Gray;
}

.LargeButtonStyle 
{
    float:left;
    height:20px;
    margin: 0px 0px 0px 0px;
}

.clsCalibriGridBig
{
  font-size : 12pt;
  color : black;
  font-weight : normal;    
  font-family:Calibri;
}

.clsCalibriGridSmall
{
  font-size : 10pt;
  color : black;
  font-weight : normal;    
  font-family:Calibri;
}

.clsComplianceWidget
 {
     /* old working
    writing-mode: tb-rl;
    filter: flipv fliph;
    */
    
    /*white-space: nowrap;*/
    /*display: block;*/    
    /*
    -moz-transform: rotate(270deg) translate(-27em,0);
    -moz-transform-origin: 0 0;
    -webkit-transform: rotate(270deg) translate(-27em,0);
    -webkit-transform-origin: 0 0;
    -o-transform: rotate(270deg) translate(-27em,0);
    -o-transform-origin: 0 0;
    */
    /*
    -moz-transform: rotate(270.0deg) translate(-60px,0);
    -moz-transform-origin: 100px 10px;
    -webkit-transform: rotate(270.0deg) translate(-60px);
    -o-transform: rotate(270.0deg);
    */
    
    /* old working
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    
    -webkit-text-orientation: upright;
    -moz-text-orientation: upright;

    height: 120px;
    font-style: normal;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom :10px !important;
    border-bottom-style:none !important;
    border-style:none;
    text-align:left !important;
    */
    font-family:Calibri;
 } 

.clsNameLabelLargeFont
{	
	font-size : x-large;
	color : black;
	font-weight : normal;    
	font-family:Calibri;
	height:20px; 
}
div.RadMenu
{
    float: right;
}
/* clear input box with x button */

input::-ms-clear
{
   display: none;    
}

.clsHoveredButtonWhite
{  
  color: White !important;  
}

.clsRadioButton
{
  font-size: 12pt !important;
  font-family: Calibri !important;
  font-weight: normal;
  color: Black;
}

.clsRadImageButton22
{
  font-size: 10pt !important;
  font-family: Calibri !important;
  font-weight: normal !important;
  line-height: 22px !important;
  width: 76px !important;
}

.clsHoveredButton
{  
  color: White !important;
}

.clsRadImageButtonWhite22
{
    font-size: 10pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 22px !important;
    width: 76px !important;
    background-image: url(../@Images/LongButton-White.png) !important;
    vertical-align: top;  
}

.clsRadImageButtonWhite22Bottom {
    font-size: 10pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 22px !important;
    width: 76px !important;
    background-image: url(../@Images/LongButton-White.png) !important;
    vertical-align: bottom;
}

.clsRadImageButtonPink22
{
    font-size: 10pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 22px !important;
    width: 76px !important;
    color: White !important;
    background-image: url(../@Images/LongButton-Pink.png) !important;
    vertical-align: top;  
}

.clsRadImageButtonYellow22
{
    font-size: 10pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 22px !important;
    width: 76px !important;    
    background-image: url(../@Images/LongButton-Yellow.png) !important;
    vertical-align: top;  
}

.clsHoveredButtonEditView22
{ 
    background-image:url(../@Images/LongButton-Green.png) !important;
}

.clsHoveredButtonGreen22
{ 
    background-image:url(../@Images/LongButton-Green.png) !important;
}

.clsHoveredButtonDelete22
{ 
    /* use this class for close button also */
    color: White !important;
    background-image:url(../@Images/LongButton-Red.png) !important;
}

.clsHoveredButtonRed22
{ 
    color: White !important;
    background-image:url(../@Images/LongButton-Red.png) !important;
}

.clsHoveredButtonAccept22
{ 
    color: White !important;
    background-image:url(../@Images/LongButton-Pink.png) !important;
}

.clsHoveredButtonPink22
{ 
    color: White !important;
    background-image:url(../@Images/LongButton-Pink.png) !important;
}

.clsHoveredButtonSearchSave22
{ 
    color: White !important;
    background-image:url(../@Images/LongButton-Blue.png) !important;
}

.clsHoveredButtonBlue22
{ 
    color: White !important;
    background-image:url(../@Images/LongButton-Blue.png) !important;
}

.clsHoveredButtonInvite22
{     
    background-image:url(../@Images/LongButton-Yellow.png) !important;
}

.clsHoveredButtonYellow22
{     
    background-image:url(../@Images/LongButton-Yellow.png) !important;
}

.clsRadImageButtonWhite31
{
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 76px !important;
    background-image: url(../@Images/Button-Gray.png) !important;
    vertical-align: top;
}

.clsRadImageButtonBlue31
{
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 76px !important;
    background-image: url(../@Images/Button-Blue.png) !important;
    vertical-align: top;
    color: White !important;
}

.clsRadImageButtonPurple31 {
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 76px !important;
    background-image: url(../@Images/Button-Purple.png) !important;
    vertical-align: top;
    color: White !important;
}

.clsRadImageButtonDarkYellow31 {
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 76px !important;
    background-image: url(../@Images/Button-DarkYellow.png) !important;
    vertical-align: top;
    color: White !important;
}
.clsHoveredButtonEditView31
{ 
    /* right now don't have image
    background-image:url(../@Images/Button-Green.png) !important;
    */
}

.clsHoveredButtonDeleteClose31
{ 
    color: White !important;
    background-image:url(../@Images/Button-Red.png) !important;
}

.clsHoveredButtonRed31
{ 
    color: White !important;
    background-image:url(../@Images/Button-Red.png) !important;
}

.clsRadImageButtonInvite31
{   
    line-height: 31px !important;
    width: 76px !important;
    background-image: url(../@Images/Button-Invite.png) !important;
    vertical-align: top;
}

.clsHoveredButtonAccept31
{ 
    color: White !important;
    background-image:url(../@Images/Button-Pink.png) !important;
}

.clsHoveredButtonPink31
{ 
    color: White !important;
    background-image:url(../@Images/Button-Pink.png) !important;
}

.clsHoveredButtonSearchSave31
{ 
    color: White !important;
    background-image:url(../@Images/Button-Blue.png) !important;
}

.clsHoveredButtonBlue31
{ 
    color: White !important;
    background-image:url(../@Images/Button-Blue.png) !important;
}

.clsHoveredButtonPurple31 {
    color: White !important;
    background-image: url(../@Images/Button-Purple.png) !important;
}

.clsHoveredButtonDarkYellow31 {
    color: White !important;
    background-image: url(../@Images/Button-DarkYellow.png) !important;
}
.clsHoveredButtonInvite31
{     
    /* right now don't have image
    background-image:url(../@Images/Button-Yellow.png) !important;
    */
}

.clsRadImageButtonWhiteLeftArrow120 {
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 120px !important;
    background-image: url(../@Images/ButtonLeftArrow-Gray120.png) !important;
    vertical-align: top;
}

.clsRadImageButtonBlueLeftArrow120 {
    color: White !important;
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 120px !important;
    background-image: url(../@Images/ButtonLeftArrow-Blue120.png) !important;
    vertical-align: top;
}

.clsRadImageButtonWhiteRightArrow120 {
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 120px !important;
    background-image: url(../@Images/ButtonRightArrow-Gray120.png) !important;
    vertical-align: top;
}

.clsRadImageButtonBlueRightArrow120 {
    color: White !important;
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 120px !important;
    background-image: url(../@Images/ButtonRightArrow-Blue120.png) !important;
    vertical-align: top;
}

.clsRadImageButtonWhite120
{
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 120px !important;
    background-image: url(../@Images/ButtonLong-Gray120.png) !important;
    vertical-align: top;  
}

.clsRadImageButtonBlue150 {
    color: White !important;
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 150px !important;
    background-image: url(../@Images/ButtonLong-Blue150.png) !important;
    vertical-align: top;
}

.clsHoveredButtonSearchSave120
{ 
    color: White !important;
    background-image:url(../@Images/ButtonLong-Blue120.png) !important;
}

.clsHoveredButtonBlue120
{ 
    color: White !important;
    background-image:url(../@Images/ButtonLong-Blue120.png) !important;
}
.clsHoveredButtonPink120 {
    color: White !important;
    background-image: url(../@Images/Button-Pink120.png) !important;
}
.clsHoveredButtonRed120 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-Red120.png) !important;
}

.clsHoveredButtonPurple120 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-Purple120.png) !important;
}

.clsHoveredButtonDarkYellow120 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-DarkYellow120.png) !important;
}
.clsHoveredButtonGreen120 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-Green120.png) !important;
}
.clsRadImageButtonWhite180 {
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 180px !important;
    background-image: url(../@Images/ButtonLong-Gray180.png) !important;
    vertical-align: top;
}

.clsHoveredButtonBlue180 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-Blue180.png) !important;
}

.clsHoveredButtonDarkYellow180 {
    background-image: url(../@Images/ButtonLong-DarkYellow180.png) !important;
}

.clsRadImageButtonWhite240 {
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 240px !important;
    background-image: url(../@Images/ButtonLong-Gray240.png) !important;
    vertical-align: top;
}

.clsHoveredButtonBlue240 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-Blue240.png) !important;
}

.clsRadImageButtonWhite250 {
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 250px !important;
    background-image: url(../@Images/ButtonLong-Gray250.png) !important;
    vertical-align: top;
}

.clsHoveredButtonBlue250 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-Blue250.png) !important;
}

.clsHoveredButtonGreen250 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-Green250.png) !important;
}

.clsRadImageButtonWhite275 {
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 275px !important;
    background-image: url(../@Images/ButtonLong-Gray275.png) !important;
    vertical-align: top;
}

.clsHoveredButtonBlue275 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-Blue275.png) !important;
}

.clsHoveredButtonGreen275 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-Green275.png) !important;
}

.clsRadImageButtonWhite150
{
    font-size: 14pt !important;
    font-family: Calibri !important;
    font-weight: normal !important;
    line-height: 31px !important;
    width: 150px !important;
    background-image: url(../@Images/ButtonLong-Gray150.png) !important;
    vertical-align: top;  
}

.clsHoveredButtonBlue150
{ 
    color: White !important;
    background-image:url(../@Images/ButtonLong-Blue150.png) !important;
}

.clsHoveredButtonPurple150 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-Purple150.png) !important;
}

.clsHoveredButtonDarkYellow150 {
    color: black !important;
    background-image: url(../@Images/ButtonLong-DarkYellow150.png) !important;
}

.clsHoveredButtonGreen150 {
    color: White !important;
    background-image: url(../@Images/ButtonLong-Green150.png) !important;
}

.clsDropDownTree
{	
    font-size : 12pt;
    color : black;
    font-weight : normal;    
    font-family:Calibri;	
}

.rddtPopup_Windows7 
{
    font-size: 12pt !important;
    font-family: Calibri !important;
}

.RadDropDownTree_Windows7
{
    font-size: 12pt !important;
    font-family: Calibri !important;
}

.RadTreeView_Windows7
{
    font-size: 12pt !important;
    font-family: Calibri !important;
}

.SmallButtonTextMessage
{
     line-height: 14px;
     text-align:left;
     font-size:12pt;
     font-weight:normal;
     color: Red;
}

.riTextBox {
    /*
    font-size: 12pt !important;
    font-family: Calibri !important;
*/
    font-size: 12pt !important;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
}

.RadDropDownList_Windows7
{
    font-size: 12pt !important;
    font-family:Calibri !important;
}

.rddlPopup_Windows7
{
    font-size: 12pt !important;
    font-family:Calibri !important;
}

.roundRadius
{
    border-color:Silver;
    border-style: solid;
    border-width: 1px;
    border-radius:16px;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    font-size: 12pt;
    font-family: Calibri;    
}

.clsAlignTop
{
    vertical-align:top;
}

 .RadComboBoxDropDown_Windows7
{
    font-size: 12pt !important;
    font-family: Calibri !important;
}

.RadComboBox_Windows7  .rcbInput
{
    font-size: 12pt !important;
    font-family: Calibri !important;
}

.RadComboBox_Windows7
{
    font-size: 12pt !important;
    font-family: Calibri !important;
}

.rcbHeader
{
    background-color : #f1f5fb !important;
}

.RadDropDownTree_Office2007
{
    font-size: 12pt !important;
    font-family: Calibri !important;
}

.rddtPopup_Office2007
{
    font-size: 12pt !important;
    font-family: Calibri !important;
}

.RadTreeView_Office2007
{
    font-size: 12pt !important;
    font-family: Calibri !important;
}

.RadDropDownTree .rddtFakeInput
{
    height: 24px !important;
    line-height: 24px !important;
}

.RadMenu_Windows7, .RadMenu_Windows7 a.rmLink
{   
    font-size: 12pt !important;
    font-family: Calibri !important;
}
/*
.RadDropDownTree_Office2007 .rddtInner
{
    background-image: none !important;
}

.RadDropDownList_Windows7 .rddlInner
{
    background-image: linear-gradient(#f4f8fa,#e9f2fb 50%,#dde7f5 50%,#dde8f6) !important;
}
*/
/*
.RadGrid_Windows7 .rgMasterTable, .RadGrid_Windows7 .rgDetailTable, .RadGrid_Windows7 .rgGroupPanel table, .RadGrid_Windows7 .rgCommandRow table, .RadGrid_Windows7 .rgEditForm table, .RadGrid_Windows7 .rgPager table
{
    font-size: 12pt !important;
    font-family: Calibri !important;
}
*/

.clsScore
{
    font-size: 12pt !important;
    font-family:Calibri !important;
}

.clsNameLabelsH2
{	
	font-size : 1.5em;
	color : black;
	font-weight : normal;    
	font-family:Calibri;
	font-weight:bold;
}

.clsNameLabelsH3
{	
	font-size : 1.17em;
	color : black;
	font-weight : normal;    
	font-family:Calibri;
	font-weight:bold;
}

.clsNameLabelsH5
{	
	font-size : .83em;
	color : black;
	font-weight : normal;    
	font-family:Calibri;
	font-weight:bold;
}

.clsLoginBox
{
    border-right: gray 1px solid; 
    border-top: Silver 1px solid; 
    border-left: silver 1px solid;
    border-bottom: gray 1px solid; 
    background-color: #D7E0EB;
}


.RadComboBox .rcbInput {
    background-color: transparent !important;
    font-size: 12pt !important;
}
/*
button.RadCheckBox .rbIcon
{
    font-size: 26px !important;
    font-family:Calibri !important;
}
*/

/*
.MyGridClass .rgDataDiv
 {
 height : auto !important ;
 }
*/
.clsCalibri9I
{	
	font-size : 9pt !important;
	color : Gray;
	font-weight : normal !important;    
	font-family:Calibri !important;
	font-style:italic !important;
}

.clsPageTitleAjax
{
	height:40px;
}

.clsGridMargin
{
    margin-left:5px !important;
    margin-right:5px !important;
}

/* for hinding ajax loading panel*/
.clsLoadingPanel
{
    opacity: 0.7;
    background-color: white;
    background-image: none !important;
}

.clsLabelRound
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 1px;
    background-color: #fff;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;
    line-height: 1.83em;
    border-radius: 5px;
}

.clsLabelSquare
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 1px;
    background-color: #fff;
    border-color: #d9d9d9;
    /*border-color: #b8cbde;*/
    border-style: solid;
    border-width: 1px;
    line-height: 1.83em !important;
    /*font-family: Calibri;*/
    font-size: 12pt;
}

.clsLabelNoTextSquare {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 1px;
    background-color: #fff;
    border-color: #d9d9d9;
    /*border-color: #b8cbde;*/
    border-style: solid;
    border-width: 1px;
    line-height: 1.83em !important;
    color: transparent;
    text-align: left;
    /*font-family: Calibri;*/
    font-size: 12pt;
}

.clsLabelNH
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #fff;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;
}

.clsNameLabelsRight
{
	font-size : 12pt;
	color : black;
	font-weight : normal;    
	/*font-family:"Segoe UI",Arial,Helvetica,sans-serif;*/
	height:20px; 
	text-align:right;
}

.clsComboHeight
{   
    line-height: 22px !important;
}

.clsPaddingTop
{
    padding-top: 4px;
}

.clsMarginTopBottom
{
   margin-top: 15px;
   margin-bottom: 5px;
}

.clsPaddingLeft10
{
    padding-left: 10px;
}

.clsLabelItalicBlueSmall
{
    font-size: small !important;
    font-style:italic;
    color: blue !important;
}

.clsAlignMiddle
{
    vertical-align: middle;
}
.clsFontWhite
{
    color:aliceblue;
}
.clsFontRed
{
    color: red;
}
.clsFontBlue {
    color: blue;
}
.clsBorderBlack {
    border-color: black !important;
}
.clsTooltipText {
    background-color: #EFF5D7 !important;
    color: black;
    border-radius: 6px;
    padding: 3px 3px;
    border-color: black !important;
    border-style: solid !important;
    border-width: 1px !important;
}
.RadToolTip, .RadToolTip * {
    font-size: small;
}
.RadSplitter .rspPaneTabText.rspRotatedTabText {
    font-size: 12pt !important;
    transform: rotate(180deg) !important;
}
.RadSplitter_Office2007 .rspSlideTitleContainer, .RadSplitter_Office2007 .rspSlideHeaderIconWrapper {
    border-bottom-color: #D3E3FD !important;
}
.RadSplitter_Office2007 .rspSlideHeader, .RadSplitter_Office2007 .rspSlideTitleContainer {
    background-image: none !important;
    background-color: #D3E3FD !important;
    border-color: #D3E3FD !important;
}
.RadSplitter_Office2007 .rspTabsContainer {
    background-color: #D3E3FD !important;
}
.RadSplitter .rspSlideHeader .rspSlideTitle{
    height: 32px !important;
    line-height: 32px !important;
    font-size: 14pt !important;
}
.RadComboBox_Office2007 .rcbActionButton {
    background-color: transparent !important;
    background-image: none !important;
}
.RadComboBox .rcbActionButton {
    border-style: none !important;
}
.RadGrid_Office2007 .rgFooterDiv, .RadGrid_Office2007 .rgFooter, .RadGrid_Office2007 .rgFooterWrapper {
    background-image: none !important;
    background-color: #f1f5fb !important;
}
.clsHoverGray:hover {
    background-color: #e0e0e0;
}
.clsVerticalMiddle {
    vertical-align: middle;
}
.clsVerticalBottom {
    vertical-align: bottom;
}
.clsVerticalInherit {
    vertical-align: inherit;
}
.clsVerticalTextBottom {
    vertical-align: text-bottom;
}
.reveal-eye {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    right: 30px;
    top: 1px;
    bottom: 1px;
    z-index: 2;
    width: 30px;
    height: 30px;
    /*background: transparent url(https://dtzbdy9anri2p.cloudfront.net/cache/b55f544d09a0872a74b4427ce1fe18dd78418396/telerik/img/dist/reveal-password.png) 50% 50% no-repeat;*/
    background: transparent url('../@Images/ShowPassword 30x30 Transparent.png') 50% 50% no-repeat;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease 0s,visibility 0s linear .2s;
}

.reveal-eye.is-visible {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    transition: opacity .2s ease 0s,visibility 0s linear 0s;
    vertical-align: middle;
}

.clsItalicFont {
    font-style: italic;
}