/* ######### CSS for Shade Tabs. Remove if not using ######### */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(../Images/roundedge-gray-right.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu ul li a:active{
text-decoration:	underline;
color: white;
background: transparent url(../Images/roundedge-red-right.gif) center center repeat-x;
}
	
.solidblockmenu ul li a:link{
text-decoration: none;
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
text-decoration:	underline;
color: white;
background: transparent url(../Images/roundedge-red-right.gif) center center repeat-x;
}

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

/* ######### CSS for Glossy Horizontal Menu Tabs. Remove if not using ######### */


.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0;
	background: url(../Images/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../Images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../Images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/* ######### General CSS ######### */

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* CSS Stylesheet for BACA website */

BODY
{
    BACKGROUND: #ffffff;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Tahoma, Sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
}

td
{
	font-family: verdana;
	font-size: .8em;
	color: #000000;
}

select, input, textarea
{
	font-family: Verdana;
	font-size: .8em;
}

input, select    { border: 1px solid silver; }
input.error, select.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(../Images/warning_obj.gif); background-position: right; background-repeat: no-repeat;}
input:focus, select:focus {border: 1px solid red; background-color:#EFEFEF;}

.mandatory  { font-weight: bold; }
.comment    { color: #BBBBBB; }

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	}	
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family: "Courier New", monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}
	
.text	{	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #000000;
	padding: 5px;
	text-decoration: none;}
	
.textSm  {	font-size: 10px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #000000;
	font-weight:bold;}
	
.textLg  {	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #000000;}
	
.textBlue	{	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: Blue;
	padding: 5px;}
	
.smtextBlue	{	font-size: 10px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: Blue;
	padding: 5px;}
	
.title	{	font-size: 14px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #696969;
	padding: 5px;
	font-weight:bold;}
	
.titleBlack	{	font-size: 14px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #000000;
	padding: 5px;
	font-weight:bold;}
	
.instructions	{	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #696969;
	padding: 5px;}
	
.helptext	{	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #000000;
	padding: 5px;}
	
.label  {	font-size: 10px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #696969;
	font-weight:bold;}
	
.labelLg  {	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #696969;
	font-weight:bold;}
	
.labelred  {	font-size: 10px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #FF0000;
	font-weight:bold;}
	
.labelred2  {	font-size: 10px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #FF0000;
	font-weight:bold;
	text-align:center;}
	
.labelgreen  {	font-size: 10px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #006400;
	font-weight:bold;
	text-align:center;}
	
.textred	{	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #FF0000;}
	
.textredsmall	{	font-size: 10px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #FF0000;
	padding: 5px;}
	
.textgray	{	font-size: 10px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #696969;}
	
.smtextgray	{	font-size: 10px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #696969;}
	
.xsmtextgray	{	font-size: 8px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #696969;}
	
.navtext	{	font-size: 11px;
	font-family: Arial, Sans-serif, Tahoma, Verdana;
	color: #696969;
	font-weight:bold;}

.textform	{	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #000000;
	}
	
.text:link {  font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #CC0000;
	text-decoration: none; }
	
.text:hover {	font-size: 11px;
	font-family:  Arial, Verdana, Tahoma, Sans-serif;
	color: #696969;
	text-decoration: none; }
	
.button 
{
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #696969;
}

.sudobutton 
{
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	background: #d3d3d3;
	color: #696969;
	font-size: x-small;
	font-weight: bold;
}

.dangerbutton 
{
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	background: #d3d3d3;
	color: #ff0000;
	border-width: 2px;
	border-style: outset;
	font-size: x-small;
	font-weight: bold;
}

.safebutton 
{
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	background: #d3d3d3;
	color: #008000;
	border-width: 2px;
	border-style: outset;
	font-size: x-small;
	font-weight: bold;
}

.textbox
{
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #000000;
	text-decoration: none;
}

.graytextbox
{
	font-size: 10px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-weight: bold;
	color: #696969;
	background: #dcdcdc;
	border-style: none;
	text-decoration: none;
	text-align:center;
	vertical-align:super;
	width:95px
}

.whitetextbox
{
	font-size: 10px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #696969;
	padding: 5px;
	font-weight: bold;
	border-style: none;
	text-decoration: none;
	text-align:left;
	width:250px
}

.sudotextbox
{
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #000000;
	text-decoration: none;
}

.textarea
{
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #000000;
	text-decoration: none;
}
	
	/*Data Grid Formatting*/
	
.DataGridStyle
{
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
}

.DataGridHeaderStyle
{
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
}

.dg { font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size: medium;
	font-weight: bold;
	color: black;
	background: #F5F5F5;
	border-style: solid;
	border-width: 1px;}
	
.dgAlt { font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size: medium;
	font-weight: bold;
	color: Black;
	background: #DCDCDC; }
	
.dgHead { font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #696969; }
	
.dgFoot { font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #696969; }
	
.dgSelClient { font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #696969;
	background: #F5F5F5; }
	
.dgtext {	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	color: #696969;
	text-decoration: none; }
	
.msgBoard
{
	FONT-FAMILY: Arial, Verdana, Tahoma, Sans-serif;
	FONT-SIZE: 14px;
	COLOR: #000000;
	BACKGROUND: #f5f5f5;
	WIDTH: 400px;
	HEIGHT: 175px;
	BORDER-TOP: #000000 thin solid; 
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 thin solid;
	PADDING-LEFT: 2px; 
	BORDER-RIGHT: #000000 thin solid; 
	PADDING-RIGHT: 2px; 
	BORDER-BOTTOM: #000000 thin solid;
	PADDING-BOTTOM: 5px; 
}

.msgUsers
{
	FONT-FAMILY: Arial, Verdana, Tahoma, Sans-serif;
	FONT-SIZE: 14px;
	COLOR: #0000cd;
	BACKGROUND: #f5f5f5;
	WIDTH: 200px;
	HEIGHT: 175px;
	BORDER-TOP: #000000 thin solid; 
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 thin solid;
	PADDING-LEFT: 2px; 
	BORDER-RIGHT: #000000 thin solid; 
	PADDING-RIGHT: 2px; 
	BORDER-BOTTOM: #000000 thin solid;
	PADDING-BOTTOM: 5px;
	TEXT-ALIGN: left;
}

.msgMsg
{
	FONT-FAMILY: Arial, Verdana, Tahoma, Sans-serif;
	FONT-SIZE: 14px;
	COLOR: #000000;
	BACKGROUND: #ffffff;
	WIDTH: 400px;
	HEIGHT: 75px;
	BORDER-TOP: #000000 thin solid; 
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 thin solid;
	PADDING-LEFT: 2px; 
	BORDER-RIGHT: #000000 thin solid; 
	PADDING-RIGHT: 2px; 
	BORDER-BOTTOM: #000000 thin solid;
	PADDING-BOTTOM: 5px;
	TEXT-ALIGN: left;
}

.para
{
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size: 14px;
	margin-bottom: -12px;
	TEXT-ALIGN: left;
}

.tab		
{
	border-right: #ffffff 1px solid; 
	border-top: #ffffff 1px solid; 
	font-weight: bold; 
	font-size: 15px; 
	background: #ffffff; 
	border-left: #ffffff 1px solid;  
	color: buttonshadow; 
	border-bottom: #ffffff 1px solid; 
	font-family: Arial, Verdana, Tahoma, Sans-serif;
}

.tabDown 	
{
		border-right: 1px inset; 
		border-top: 1px inset; 
		font-weight: bold; 
		font-size: 15px; 
		background: #efefef; 
		border-left: 1px inset; 
		color: black; 
		border-bottom: 1px inset; 
		font-family: Arial, Verdana, Tahoma, Sans-serif; 
}

.tabHover 	
{
		border-right: 1px outset; 
		border-top: 1px outset; 
		font-weight: bold; 
		font-size: 15px; 
		background: #ffffff; 
		border-left: 1px outset;  
		color: black;
		border-bottom: 1px outset; 
		font-family: Arial, Verdana, Tahoma, Sans-serif;
}

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}


.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: center;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
}

.hovermenu ul li a:active{
	text-decoration: none;
	color: black;
	}
	
.hovermenu ul li a:visited{
	text-decoration: none;
	color: black;
	}
	
.hovermenu ul li a:link{
	text-decoration: none;
	color: black;
	}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}