/*-----------------------------------------------------------
 * Formal.scss - css file with server-side substitutions
 *----------------------------------------------------------*/

/*-----------------------------------------------------------
 * COLOR SUBSTITUTIONS
 */
   /* set this to the active color scheme */

/* Color definitions for "ipvBlueColors" */


/* Color definitions for "ipvGrayColors" */

























/*-----------------------------------------------------------
 * ANCHOR TREATMENT
 */

a.tool    			{ text-decoration: none; color: Black }
a.disabled 			{ text-decoration: none; color: gray }
A.nft:hover 		{ text-decoration: underline; color: none; }
A.nft:link  		{ text-decoration: none; color: none; }
A.nft:active		{ text-decoration: none; color: none; }
A.nft:visited 		{ text-decoration: none; color: none; }


/*-----------------------------------------------------------
 * BACKGROUND COLORS
 */

.bgBrdrLit   		{ background-color: #EBEBEB; }
.bgBrdrDrk   		{ background-color: #666666; }
.bgLightShade 	    { background-color: #FCFCFC }
.bgMedShade  		{ background-color: #808080; }
.bgDarkShade 		{ background-color: #383838; }
.bgBorderStd		{ background-color: #383838; }
.bgToolbar   		{ background-color: #FCFCFC; }
.bgSectionHead      { background-color: LightGray; }
.bgSection          { background-color: #F6F6F6; };

/*-----------------------------------------------------------
 * FOREGROUND COLORS
 */

.alert				{ color: red }
.fgMajor			{ color: #494949 }
.fgDark			    { color: #003333 }
.fgLight			{ color: #FCFCFE }
.fgNormal			{ color: #404040 }
.fgError		    { color: #FF0000 }

/*-----------------------------------------------------------
 * FONT STYLES
 */

font.label   		{ font-weight: bold }
.pgTitle   			{ font-weight: bold; font-size: 11pt; color:  #003333; }
font.title     		{ font-weight: bold }
.footer  			{ font-size: 8pt;  font-weight: normal;  color: #003333 }
font.subhead   		{ font-weight: bold }
font.head      		{ font-size: 12pt; font-weight: bold }
font.menu        	{ font-size: 10pt; font-weight: normal }


font.infoSect 		{ font-family: Tahoma; font-size: 9pt; color: #003333; font-weight: bold;   }
font.info    		{ font-family: Tahoma; font-size: 9pt; color: #494949; cursor: default; }

font.form           { font-family: Tahoma; font-weight: normal }
font.formHead       { font-family: Tahoma; font-weight: bold }
.formSect    		{ font-size: 9pt; background-color: LightGray; color: #003333; }
.formBreak   		{ background-color: #6D6D6D; color: LightGray; font-weight: bold }
.input       		{ font-size: 10pt; background-color: #FFFFFF }

.selectGroup		{ font-size: 9; cursor; };
.selector			{ font-size: 9pt; color: #333; cursor: default;}
.selectorLabel		{ font-size: 9pt; font-weight: bold;  color: black;  padding: 0px; }

.tinyText			{ font-size: 7pt; }
.smallText			{ font-size: 8pt; }
.mediumText			{ font-size: 9pt; }
.largeText			{ font-size: 10pt; }
.headingText		{ font-size:  12pt; }

input.button		{ vertical-align: middle; background: Cornsilk; margin-left: 4px; margin-right: 3px; padding-left: 5px; padding-right: 5px; }

a.button			{ background: CornSilk; color: black; border: 1px black solid; padding: 1px; padding-right: 0.1in; padding-left: 0.1in; margin: 3px;};
a.button:hover 		{ background: Khaki; }
a.button:link  		{ text-decoration: none; color: none; }
a.button:active		{ text-decoration: none; color: none; }
a.button:visited 	{ text-decoration: none; color: none; }

/*-----------------------------------------------------------
 * SPACING AND ALIGNMENT
 */

span.listspace		{ padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px }


body 				{ height:100%; font-size: 10pt; font-family: Arial; margin: 0px; padding: 0px; background: white;}

h1                  { font-size: 12pt; font-weight: bold; color: #003333 }
h2                  { font-size: 10pt; font-weight: bold; color: #494949 }

img					{ border: none; }
input 				{ font-size: 9pt; padding-left: 1px; padding-right: 1px; }
input["text"].wide 	{ width: 350; }
select				{ font-weight: normal; font-size: 9pt; width: 200;}
textarea			{ font-family: Arial; font-size: 9pt; }

table				{ padding: 0px;  margin: 0px; border: none; border-collapse: collapse;}
tr					{ padding: 0px;  margin: 0px; border: 0px;}
td					{ font-size: 9pt; vertical-align: top;}

/*** AppMenus ***/
.navMenu 			{ font-size: 9pt;}
.navLogo			{ align: center; padding: 0.05in };
.navMenu TR TD.navMenu1 { font-weight: bold; padding-top: 0.08in;  padding-bottom: 0.04in;}
.navMenu1 			{ font-weight: bold; padding-top: 0.08in;  padding-bottom: 0.04in;}
.navMenu2  			{ font-weight: normal; padding: 0.02in; padding-left: 0.1in; }
.navMenu2 A 		{ color: Black; text-decoration: none;}
.navMenu2 A:hover	{ color: red; text-decoration: underline;}
.navMenu2D 			{ font-weight: normal; padding: 0.02in; padding-left: 0.1in; font-size: 10pt; color: gray; }

.dashboard			{ border-bottom: 5px #CCE solid; background:  url(/img/blocks.jpg);}
.dashboard TABLE	{ width: 100%; color: #666666; background:  url(/img/blocks.jpg);}
.logo				{ align: right;}
.motto				{ font-size: 14pt; font-weight: bold; align: left; padding-left: 0.15in; padding-top: 0.08in;}
.ipvision			{ align: left; font-size: 24pt;  font-family: Arial Black; }
.ipvisionsm			{ font-size: 7.5pt; margin-right: 1%; }

.dlgTitle           { color: #333333 }
.dlgContent			{ }
.dlgLabel           { }

div.info     { background-color: #FCFCFC; scrollbar-face-color: #FCFCFC;
               scrollbar-arrow-color: #666666; scrollbar-track-color: #383838;
               scrollbar-3dlight-color: #EBEBEB; scrollbar-darkshadow-color:
               #666666; font-family: Sans Serif; font-size: 10pt; color: #003333;
               border: 1px solid LightGray }
font.head    { font-family: Tahoma; font-size: 10pt; color: #003333; font-weight: bold;}

.inputGroup		{ font-size: 9pt; font-family: Arial; font-weight: bold; color: #003333; vertical-align: middle;  text-align: left; white-space: nowrap; };
.inputLabel		{ font-size: 9pt; font-family: Arial; color: #003333; vertical-align: middle;  text-align: right; margin-right: 10px; white-space: nowrap; };
.inputText		{ font-size: 9pt; font-family: Arial; color:  black; text-align: left; };

/******** Tree.js styles for DocumentList2.jsp *******/

a.tleaf			{ font-size: 9pt; color: black; text-decoration: none;}
.tleaf:hover	{ color: red; text-decoration: underline;}

a.tfolder		{ font-size: 10pt; font-weight: bold; color: navy; text-decoration: none;}
.tfolder:hover	{ color: red; text-decoration: underline;}

a.troot			{ font-size: 11pt; font-weight: bold; color: navy; text-decoration: none;}
.troot:hover	{ color: red; text-decoration: underline;}


.uiHead			{ font-family: Tahoma; font-size: 10pt; color: #4F6677; text-align: center; vertical-align: middle; }

/*** UIFolderTree ***/
.uiFolderTreeHead		{ font-family: MS Sans Serif; font-size: 10pt; font-size: 10pt; color: black; background: LightGray;
							padding: 2px; }
.uiFolderRow   	 		{ font-family: MS Sans Serif; font-size: 8pt; color: #4F6677; text-decoration: none; text-align: left;
							padding-bottom: 2px;  text-align: left; padding-top: 2px; padding-right: 5px; }

.uiFolderRow:visited 	{ text-decoration: none }
.uiFolderRow:hover 		{ background: DarkGray; }
.uiFolderRowSelected	{ background: #FFD779; border-color: #FFD779; }

.uiFolderThumbnail 		{ font-family: MS Sans Serif; font-size: 8pt; color: #4F6677; text-decoration: none; text-align: center; }

/*** UIFrame ***/
/*** Create a style that mimics the coloring of the UIFrame ****/
.uiFrame			{ border: 1px solid #EBEBEB; border-bottom: 1px solid #666666; border-right: 1px solid #666666; background: #F6F6F6;}
.uiBox				{ border: 1px solid #666666; background: #F6F6F6;}

/*** UIMenuFamily ***/

.uiMenuFrame		{ background: LightGray; border: 1px solid #EBEBEB; border-bottom: 1px solid #666666; border-right: 1px solid #666666; }
.uiMenuIcon			{ width: 16; height: 16; border: 0px; margin: 0px; margin-right: 6px; text-align: left; vertical-align: middle; }
.uiMenuItem			{ font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: none;
						color: Black; background: none; white-space: nowrap; cursor: default; }
.uiMenuLabel		{ font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: none; border-bottom: 2px solid Black; font-weight: bold;
						color: Black; background: none; white-space: nowrap; cursor: default; }
.uiMenuItemPad 		{ padding-bottom: 2px; padding-left: 4px; padding-top: 2px; padding-right: 6px; }
.uiMenuItemDark		{  }
.uiMenuItemLite		{ color: White ; background: #4F6677; }
.uiMenuItemDisable	{ color: Gray; background: none; }

a.uiMenuAnchor			{ color: Black; text-decoration: none;}
a.uiMenuAnchor:hover	{ color: White; background: #4F6677; }

/*** UIAggregator ***/
.aggItem			{ font-family: Arial; font-size: 9pt; color: Black; background: none;}
.aggItemHilite		{ font-family: Arial; font-size: 9pt; color: Black; background: #ddd;}

/*** UIBasicTable ***/
font.tableHead 		{ font-size: 10pt; font-weight: bold; vertical-align: middle; }
.uiTable			{ }
.uiTableHead		{ font-family: Tahoma; font-size: 10pt; color: #4F6677; text-align: center; vertical-align: middle;  }
.uiTableCell		{ font-size: 9pt; vertical-align: middle; padding: 4px; padding-left: 6px;}
.uiTablePager   	 	{ font-family: Arial; font-size: 9pt; color: #4F6677; text-decoration: none; padding-bottom: 2px; border-bottom:   }
.uiTablePager:visited 	{ text-decoration: none }
.uiTablePager:hover 	{ background: DarkGray; }

/*** UISummaryTable ***/
.uiSummaryHead 		{ background: #F6F6F6; color: #4F6677; font-size: 11pt; font-weight: bold; }

/*** UIInputSelector ***/
.selector    		{ background: #FFFFFF; border: 1px solid #000000; }
.selectorItem 		{ font-size: 8pt; background: #FFFFFF;  padding-left: 2px; border: 0px; }

/*** UITabSet ***/
.tabSet 			{ position: relative; z-index: 1; background: none;  border-collapse: collapse; margin-top: 5px; }
.tabSetTab 			{ padding: 3px 6px 1px 6px; border: 1px solid black; font-size: 10pt; background: DarkGray; color: White;}
.tabSetTabSelected 	{ padding: 3px 6px 1px 6px; border: 1px solid black; font-size: 10pt; background: #4F6677; color: White; font-weight: bold;
						 border-bottom: 1px solid #4F6677; }
.tabSetSeparator	{ position: relative; top: -1; line-height: 4px;  width: 100%; background: #4F6677; border: 1px solid black; }

/*** UIWidget ***/
.uiWidget			{ background: #F6F6F6; border: 1px solid DarkGray;}
.uiWidgetTitle		{ font-size: 9pt; text-align: center; }
.uiWidgetBody		{ background: #F6F6F6; }
.uiWidgetButtons	{ }


/*** UITabSet ***/
.G4TabSet {
	position: relative;
	z-index: 1;
	background: none;
	border-collapse: collapse;
	margin-top: 5px;
}

.G4TabSelected {
	padding: 4px 6px 2px 6px;
	font-size: 10pt;
	font-weight: Bold;
	background: #4F6677;
	color: White;
}

.G4TabUnselected {
	padding: 4px 6px 2px 6px;
	font-size: 10pt;
	background: DarkGray;
	color: White;
	text-decoration: none;
}

.G4TabSeparator {
	position: relative;
	top: -1;
	line-height: 4px;
	width: 100%;
	background: #4F6677;
}

.G4DialogBody {
	position: relative;
	border: 2px #4F6677 solid;
	padding: 1 5 1 5;
}

.G4Header {
	font-size: 10pt;
	font-weight: Bold;
	background-color: #4F6677;
	color: White;
}

.G4SubHeader {
	font-size: 9pt;
	font-weight: Bold;
	text-align: center;
	background-color: #4F6677;
	color: White;
}

.G4DLabel {
	font-size: 9pt;
	color: #4F6677;
}

.G4Input {
	font-size: 9pt;
	border: 1px black solid;
}

a.G4HelpLabel {
	font-size: 9pt;
	color: #4F6677;
	text-decoration: underline;
	cursor: help;
}

a.G4HelpLabel:hover {
	color:  White;
	background: #4F6677;
}

a.G4HelpLabel:active {
	text-decoration: none;
}

a.G4HelpLabel:visited {
	text-decoration: none;
}

.G4AreaBackground{
	background: #EBEBEB;
}

.G4Instructions {
	font-Size: 10pt;
	color: #4F6677;
}