/* 

Style Sheet classes for SSRS Application 

Written by:	Jai Shetty
Date:		02/02/04
NOTE:	This CSS has a color scheme
		base - #B8C9DB - cool blue
		color notations are in hex with comments in R.G.B format 
		OR colors names.
*/

TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY:  Verdana;
}
A
{
    COLOR: Navy;
    TEXT-DECORATION:underline;
    font-weight:bold;  
}

A:visited
{
	COLOR: Navy;
	font-weight:bolder ; 
}	

A:active
{
	color: #C05D39;
	font-weight:bold;
	/*font-size: 10pt; */
	TEXT-DECORATION: underline
}
A:hover
{
    COLOR: red;
    TEXT-DECORATION: underline
}

BODY.clsBody
{
	margin-top: 0px;
	font-size: 12px;
	margin-left: 10px;
	font-family: Verdana, Arial, Sans-Serif, Monospace;
	background-color: white;
	/*width: 750px; */
}

.clsFieldsetMain
{
	width: 100%;
	border-right: #6633FF 1px solid; /*blue-violet 0.46.184*/
	border-top: #6633FF 1px solid;
	border-left: #6633FF 1px solid;
	border-bottom: #6633FF 1px solid;
	background-color: white; 
}

FIELDSET.clsFieldsetOld
{
	width: 100%;
	border-right: #FF6633 1px solid; /*blue-violet 0.46.184*/
	border-top: #FF6633 1px solid;
	border-left: #FF6633 1px solid;
	border-bottom: #FF6633 1px solid;
}

FIELDSET.clsFieldset
{
 width: 100%;
 border-right: 1px solid #cecece; /*blue-violet 0.46.184*/
 border-top: 1px solid #cecece;
 border-left: 1px solid #cecece;
 border-bottom: 1px solid #cecece;
}
 

FIELDSET.clsFieldsetColumn
{
	border-right: #FF6633 1px solid; /*blue-violet 0.46.184*/
	border-top: #FF6633 1px solid;
	border-left: #FF6633 1px solid;
	border-bottom: #FF6633 1px solid;
}
FIELDSET.clsFieldsetMain
{
	border-right: #FF6633 1px solid; /*blue-violet 0.46.184*/
	border-top: #FF6633 1px solid;
	border-left: #FF6633 1px solid;
	width: 100%;
	border-bottom: #FF6633 1px solid;
	background-color: #B8C9DB; /* dirty yellow - 184.138.0 */
	text-align: center;
}

TABLE.clsTableList
{
	width: 100%;
	background-color: #B8C9DB;/*spice-yellow  - 245.184.0*/
}

TABLE.clsTableTitle
{
	border-right: #999999 2px outset;
	border-top: #e4ecf5 2px outset;
	font-weight: bold;
	font-size: 15px;
	border-left: #e4ecf5 2px outset;
	width: 100%;
	color: white;
	border-bottom: #adc3e4 2px outset;
	font-family: Verdana, Sans-Serif, 'Courier New' , Arial;
	background-color: #C05D39; /*saffron - 255.102.51 */
	text-align: center;
}

TABLE.clsTableMain
{
	width: 100%;
	background-color: #DFA894; 
	
}

TABLE.clsTableActionOld
{
	width: 100%;
	background-color: #FFECD8;
	text-align: center;
}
TABLE.clsTableAction
{
	width: 100%;
	 background-color: #efffff;
	text-align: center;
}
TABLE.clsTable
{
	width: 100%;
}
.clsPager
{
	background-color: #FEFFD6;
	font-family:Verdana;
	font-size: 9pt;
	color: #5CABFF;
}
.clsGridOld
{
	background-color: #FFEBD6;
	font-family: Verdana;
	font-size: 9pt;
}

.clsGrid
{
 background-color: #efffff;
 font-family: Verdana;
 font-size: 9pt;
}
TR.clsTRHeaderOld
{
	width: 100%;
	background-color: #DFA894;
	font-family: Verdana;
    font-size: 9pt;   	
	font-weight: bold;
	text-align: center; 
	
}
TR.clsTRHeader
{
 width: 100%;
 background-color: #a5d2a5;
 font-family: Verdana;
    font-size: 9pt;    
 font-weight: bold;
 text-align: center; 
 
}

TR.clsTRList
{
	font-size: 12px;
	cursor: hand;
	font-family: verdana;
	background-color: white;
}
TR.clsTRMOver
{
	font-size: 12px;
	cursor: hand;
	COLOR: black;
	font-family: verdana;
	background-color: #DBDBB8; /*lemon yellow - 204.255.51*/
}
TR.clsTROddOld
{
	font-size: 12px;
	font-family: verdana;
	background-color: #FF809F;/*pinkish - 255.128.223*/
	
}
TR.clsTROdd
{
 font-size: 12px;
 font-family: verdana;
 background-color: #FF809F;/*pinkish - 255.128.223*/
 
}
TR.clsTREvenOld
{
	font-size: 12px;
	font-family: verdana;
	background-color: #FF9F80;/*redish - 255.159.128*/
}
TR.clsTREven
{
 font-size: 12px;
 font-family: verdana;
 background-color: #a5d2a5;/*redish - 255.159.128*/
}

TR.clsTRSelected
{
	font-size: 12px;
	cursor: hand;
	COLOR: black; 
	font-family: verdana;
	background-color: #B8B8DB; /*dirty green 77.102.51*/
}
TR.clsTRNavigation				/*  Used by the Paging and Sorting */
{
	text-align: right;
}
TR.clsTabHeader
{
	font-weight: bolder;
	font-size: 13px;
	color: white;
	font-family: Verdana, Sans-Serif, 'Courier New' , Arial;
	background-color: #C05D39; /*saffron - 255.102.51 */
	text-align: center;
}
TD.clsTDLabel
{
	background-color:#FFEBD6; 
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-ALIGN: right;
    font-weight:bold;
    text-transform:capitalize;        
}
TD.clsTDLabelHead
{
	background-color:#FFEBD6; 
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-ALIGN: center;
    font-weight:bold;
    text-transform:capitalize;        
}
TD.clsDisplayGridCurr
{
	background-color:white; 
	color:Navy;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-ALIGN:RIGHT;
    font-weight:bold;     
    width:20%;

}

TD.clsDisplayGrid
{
	background-color:white; 
	color:Navy;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-ALIGN:left;
    font-weight:bold;     
    width:20%;
}
TD.clsTDValue
{
	font-size: 12px;
	color: BLACK;
	font-family: Verdana, Arial, Helvetica;
}

TD.clsTabTitle
{
	font-weight: bolder;
	font-size: 13pt;
	color: #C05D39; /*saffron - 255.102.51 */
	font-family: Verdana;
	text-align: right;
}
TD.clsTDHeader
{
	border-right: #999999 2px outset;
	border-top: #e4ecf5 1px outset;
	border-left: #e4ecf5 1px outset;
	border-bottom: #adc3e4 1px outset;
	font-weight: bolder;
	font-size: 11px;
	cursor: hand;
	color: white;
	font-family: Verdana;
	background-color: #C05D39; /*saffron - 255.102.51 */
}
/****************************/
.clsTitle
{
	font-weight: bolder;
	font-size: 13pt;
	background-color: #B28E66;/*violet 102.51.255 */
	color: white;
	font-family: Courier;
	text-align:center;
	
}

.clsTDSortUp
{
	border-right: #e4ecf5 2px inset;
	background-position: right center;
	border-top: #adc3e4 1px inset;
	font-weight: bolder;
	font-size: 11px;
	background-image: url(/contracts_fmb/images/up_maroon.gif);
	border-left: #adc3e4 1px inset;
	cursor: hand;
	color: white;
	border-bottom: #e4ecf5 1px inset;
	background-repeat: no-repeat;
	font-family: Verdana;
	background-color: #B8C9DB; /*dirty brown - 184.138.0*/
}
.clsTDSortDown
{
	border-right: #e4ecf5 2px inset;
	background-position: right center;
	border-top: #adc3e4 1px inset;
	font-weight: bolder;
	font-size: 11px;
	background-image: url(/contracts_fmb/images/down_maroon.gif);
	border-left: #adc3e4 1px inset;
	cursor: hand;
	color: white;
	border-bottom: #e4ecf5 1px inset;
	background-repeat: no-repeat;
	font-family: Verdana;
	background-color: #B8DBDB;
}
/* Other HTML Form Control Style Sheet class */
.clsButtonOld
{
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	width: 80px;
	cursor: hand;
	color: white;
	font-family: Verdana;
	background-color: #C05D39; /*saffron - 255.102.51 */
	border-right: #999999 2px outset;
	border-top: #e4ecf5 1px outset;
	border-left: #e4ecf5 1px outset;
	border-bottom: #adc3e4 1px outset;
	
	border-right: #999999 2px outset; /*blue-violet 0.46.184*/
	border-top: #e4ecf5 1px outset;
	border-left: #e4ecf5 1px outset;
	border-bottom: #adc3e4 1px outset;
}

.clsButton
{
 font-weight: bold;
 font-size: 18px;
 text-transform: none;
 width: 150px;
 cursor: hand;
 color:  black;
 font-family: Verdana;
 background-color: #a5d2a5; /*saffron - 255.102.51 */
 border-right: #999999 2px outset;
 border-top: #e4ecf5 1px outset;
 border-left: #e4ecf5 1px outset;
 border-bottom: #adc3e4 1px outset;
 
 border-right: #999999 2px outset; /*blue-violet 0.46.184*/
 border-top: #e4ecf5 1px outset;
 border-left: #e4ecf5 1px outset;
 border-bottom: #adc3e4 1px outset;
}
.clsButtonSOld
{
	background-color: #C05D39; /*saffron - 255.102.51 */
	border-right: #999999 2px outset; /*blue-violet 0.46.184*/
	border-top: #e4ecf5 1px outset;
	border-left: #e4ecf5 1px outset;
	border-bottom: #adc3e4 1px outset;
	
	color: white;
	CURSOR: hand;
	
	font-family: Verdana;
	font-size: 8px;
	font-weight: bold;
	text-transform: none;
	width: 50px;
}


.clsButtonS
{
 background-color: #a5d2a5; /*saffron - 255.102.51 */
 border-right: #999999 2px outset; /*blue-violet 0.46.184*/
 border-top: #e4ecf5 1px outset;
 border-left: #e4ecf5 1px outset;
 border-bottom: #adc3e4 1px outset;
 
 color: black;
 CURSOR: hand;
 
 font-family: Verdana;
 font-size: 8px;
 font-weight: bold;
 text-transform: none;
 width: 50px;
}

.clsButtonM
{
	background-color: #C05D39; /*saffron - 255.102.51 */
	border-right: #999999 2px outset; /*blue-violet 0.46.184*/
	border-top: #e4ecf5 1px outset;
	border-left: #e4ecf5 1px outset;
	border-bottom: #adc3e4 1px outset;
	
	color: white;
	CURSOR: hand;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	width: 110px;
}
.clsButtonMM
{
	background-color: #C05D39; /*saffron - 255.102.51 */
	border-right: #999999 2px outset; /*blue-violet 0.46.184*/
	border-top: #e4ecf5 1px outset;
	border-left: #e4ecf5 1px outset;
	border-bottom: #adc3e4 1px outset;
	
	color: white;
	CURSOR: hand;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	width: 140px;
}
.clsButtonBigOld
{
	background-color: #C05D39; /*saffron - 255.102.51 */
	border-right: #999999 2px outset; /*blue-violet 0.46.184*/
	border-top: #e4ecf5 1px outset;
	border-left: #e4ecf5 1px outset;
	border-bottom: #adc3e4 1px outset;
	
	color: white;
	CURSOR: hand;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	width: 200px;
}

.clsButtonBig
{
 background-color: #a5d2a5; /*saffron - 255.102.51 */
 border-right: #999999 2px outset; /*blue-violet 0.46.184*/
 border-top: #e4ecf5 1px outset;
 border-left: #e4ecf5 1px outset;
 border-bottom: #adc3e4 1px outset;
 
 color: black;
 CURSOR: hand;
 font-family: Verdana;
 font-size: 18px;
 font-weight: bold;
 text-transform: none;
 width: 200px;
}

.clsButtonSlim
{
	BACKGROUND-COLOR: #00bbb7;
    border-right: #999999 2px outset; /*blue-violet 0.46.184*/
	border-top: #e4ecf5 1px outset;
	border-left: #e4ecf5 1px outset;
	border-bottom: #adc3e4 1px outset;
	
	COLOR: white;
    CURSOR: hand;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 7pt;
    FONT-VARIANT: small-caps;
    FONT-WEIGHT: bold;
}
.clsButtonMO
{
	font-weight: bold;
	font-size: 12px;
	width: 80px;
	cursor: hand;
	color: white;
	font-family: Verdana;
	border-right: #999999 2px outset; /*blue-violet 0.46.184*/
	border-top: #e4ecf5 1px outset;
	border-left: #e4ecf5 1px outset;
	border-bottom: #adc3e4 1px outset;
	background-color: #B28E66; /*#DBB8DB;blue-green 83.140.198*/
}
.clsButtonBigMO
{
	background-color: #B28E66; /*#DBB8DB; blue-green 83.140.198*/
	border-right: #999999 2px outset; /*blue-violet 0.46.184*/
	border-top: #e4ecf5 1px outset;
	border-left: #e4ecf5 1px outset;
	border-bottom: #adc3e4 1px outset;
	
	color: white;
	CURSOR: hand;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	width: 200px;
}
.clsMessage
{
	font-weight: bold;
	font-size: 14px;
	background-color: #DBB8DB;
	color: white;
	font-family:'Courier New';
	width: 100%;
	text-align:center;   
}
.clsTextBox
{
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
}
.clsTextBoxRO
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-weight: normal;
	font-size: 12px;
	border-left: gray 1px solid;
	
	border-bottom: gray 1px solid;
	font-family: Verdana, Arial, Helvetica;
	background-color: silver; /*blue-green  - 83.140.198*/
}

BODY 
{
	/*overflow:scroll;*/
	overflow-y:auto;
	scrollbar-3dlight-color:#66B2B2;
	scrollbar-arrow-color:#66B2B2;
	scrollbar-base-color:#B8DBDB;
	scrollbar-track-color:white;
	scrollbar-face-color:#a5d2a5; /*white;*/
	scrollbar-shadow-color:#DBB8DB;
	scrollbar-highlight-color:#F2FFE5;
	scrollbar-darkshadow-color:#DBB8DB;
}

.mit
{
	 background-color: #66B2B2; /*geen color*/
	 FONT-SIZE: 11px; 
	 COLOR: white; 
	 FONT-FAMILY: Verdana,Arial,Tahoma;  
	 cursor:hand;  
}

.mm2
{
	 background-color: #66B2B2; /*geen color*/
	 FONT-SIZE: 11px; 
	 COLOR: white; 
	 FONT-FAMILY: Verdana,Arial,Tahoma;  
	 cursor:hand;  
}
.clsErrLabel
{
	background-color: White;
	color: black; /*geen color*/ 
}
.clsFailMsg
{
	font-weight: bolder;
	font-size: 13pt;
	background-color: #B8DBDB;
	color:Red;
	font-family: Courier;
	text-align:center;
	
}
.clsToolTip
{
	background-color: white;
	border:1px solid black;
	font-size:12px;
}
.popper
{
  position : absolute;
  visibility : hidden;
}
.clsToolTip
{
	/*oPopBody.style.backgroundColor = "#F2FFE5"; //set bgcolor
		oPopBody.style.color = "red";
		oPopBody.style.border = "solid black 1px"; //set border
		oPopBody.style.fontSize = "10pt";
		oPopBody.style.fontFamily = "Verdana";
	*/
	background-color: #F2FFE5;
	color: #DBB8DB;
	border: "solid black 1px";
	font-size: 10pt;
	font-family:Verdana;
	text-align:center;  
	
}

.clsCopyrightOver
{
 font-weight:bold;
 color:Red;
 font-style:oblique;  
 
}

.clsCopyrightOut
{
 font-weight:normal; 
 color:Black; 
 font-style:normal; 
}

form div 
{
  clear: both;
  margin-bottom: 2px;
}

form label 
{
  width: 80px;
  padding-left: 22px;
  font-weight: bold;
  cursor: pointer;
  cursor: hand;
}

form label.clsRequired
{
  background-image: url(/contracts_fmb/images/required.gif);
  background-repeat: no-repeat;
  background-position: 3px 0px;
}

form label.clsProblem 
{
  background-image: url(/contracts_fmb/images/caution.gif);
  background-repeat: no-repeat;
  background-position: 3px 0px;
}

form label.clsCompleted 
{
  background-image: url(/contracts_fmb/images/complete.gif);
  background-repeat: no-repeat;
  background-position: 3px 0px;
}

.clsOnFocus
{
	border: 2px solid #000;
	background-color: #B8C9DB;
	font-weight:bold;  
	color:Blue;  
}

.clsOnLostFocus
{
	border: 2px solid #ccc;
	background-color: White;
	font-weight:normal;
	color:black;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}