/* default font for most everything */
body, P, table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}

form 
{
	MARGIN-TOP: 0px;
}
/* for text that needs to be small */
.smalltext
{
	font-size: 9px;
}
/* for text that needs to be small but emphasized */
.smalltextbold
{
	font-size: 9px;
	font-weight: bold;
}

.mediumtextbold
{
	font-weight: bold;
	font-size: 10px;
}
.mediumlargetext
{
	font-size: 11px;
}

.mediumlargetextbold
{
	font-weight: bold;
	font-size: 11px;
}
.mediumtext
{
	font-size: 10px;
}

/* for major headings */
h1, .heading1
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;


}
/* for secondary headings */
h2, .heading2
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
/*for the first merged cell of a infobox table*/
.headingCell
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	background-color: #eff2f8;
	height: 20px;
	text-align: center;
}

.headingCell2
{
	margin: 0px;
	padding: 5px;
	background-color: #eff2f8;
	height: 20px;
}

/* for the hr separator */
.separator
{
	color: #000066; /*Blueish*/
}
/*for when you need to call attention to area or table*/
.backgroundlight
{
	background-color: #eff2f8; /*light light Blueish*/
}
/* for all names of fields */
.fieldname
{
	font-weight: bold;
	font-size: 11px;
}
/* for all data in fields (optional) */
.fielddata
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
}
/* don't know what this is */
.norepeatbackround
{
	background-image: url(img.jpg);
	background-repeat: no-repeat;
}

/* for drill-down reports */
.ItemStyle
{
	font-size: 10px;
	font-family: Verdana, Arial;
}

.ProductHeader
{
	font-size: 11px;
	font-family: Verdana, Arial;
	font-weight: bold;
}

.Content
{
	background-color: #d8e0ed;
}

.CategoryHeader
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: thin solid #636363;
	background-color: #93b2d5;
	color: White;
	text-transform: none;
}

.Selected
{
	font-size: 10px;
	color: #ffffcc;
	background-color: #efefef;
}

.bold
{
	font-weight: bold;
}

/* for all buttons*/
.button
{
	border-right: silver thin outset;
	border-top: silver thin outset;
	font-weight: bold;
	font-size: 10px;
	border-left: silver thin outset;
	color: #ffffff;
	border-bottom: silver thin outset;
	font-family: verdana, arial, helvetica;
	background-color: #ffcc33;
}
.gvbutton
{
	border-right: silver thin outset;
	border-top: silver thin outset;
	font-weight: bold;
	font-size: 10px;
	border-left: silver thin outset;
	color: #ffffff;
	border-bottom: silver thin outset;
	font-family: verdana, arial, helvetica;
	background-color: #00ccff;
}



/*for selected buttons showing state*/
.buttonselected
{
	border-right: silver thin inset;
	border-top: silver thin inset;
	font-weight: bold;
	font-size: 10px;
	border-left: silver thin inset;
	color: #fff;
	border-bottom: silver thin inset;
	font-family: verdana, arial, helvetica;
	background-color: #000066;
}
/*for informational boxes in a web page*/
.darkborder, .infobox
{
	background-color: white;
	border: solid #000000 1px;
}

/*for informational boxes in a web page*/
.borderedCallout
{
	background-color: #FF3333;
	border: solid #000000 1px;
}

/*for informational boxes in portal area*/
.infoboxportal
{
	background-color: white;
	width:100%;
	padding:2px 2px 2px 2px;
	border-style:none;
}

/*for links (slightly lighter color)*/
a:link
{
	color: #3333ff;
}
/*for visited links (used same as links - cuz this is app, not website)*/
a:visited
{
	color:#3333ff 
	/*color: #000066 (same color as regular text)*/;
}

.input
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    COLOR: #000033;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #CDE
}

.photo1 
{
	display:none;
	margin-left: 12px;
	margin-right: 12px;
}

.photo2
{

	margin-left: 12px;
	margin-right: 12px;
}


.tablerow
{
	border-bottom: white 1px solid;
}

.tableBorderTopAndSides
{
	BORDER-RIGHT:black 1px solid; 
	BORDER-TOP:black 1px solid; 
	BORDER-LEFT:black 1px solid;
}

.tableBorderBottomAndSides
{
	BORDER-RIGHT:black 1px solid; 
	BORDER-LEFT:black 1px solid; 
	BORDER-BOTTOM:black 1px solid;
}

.tableBorderBottomOnly
{
	BORDER-BOTTOM:black 1px solid;
}

.topBorder
{
	border-top: #27408B 3px solid;
	font-size: 12px;
	font-weight: bold;
}

.paddingGridItem
{
	HEIGHT: 14pt; 
	BACKGROUND-COLOR: #f1f1f1
}

.gridItem
{

	BACKGROUND-COLOR: white;
	height:11pt
}

.alternatingGridItem
{

	BACKGROUND-COLOR: #eff2f8;
	height:11pt
}

.selectedGridItem
{
	background-color: #ffeedd;
}

.gridPager
{
	TEXT-ALIGN: left;
	FONT-SIZE: 12px; 
	COLOR: #000066; 
}

.gridPagerText
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #000066; 
}

.tableTitleText
{
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold; 
	COLOR: #000066;
}

.gridHeader
{
	font-size: 11px;
	font-weight: bold;
	background-color: #93b2d5;
	color: #000066;
	text-transform: none;
}

.gridHeaderFrozen
{
	background-color: #93b2d5;
	color: #000066;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	text-transform: none;
	z-index: 10;
}

.error
{
	font-weight: bold;
	font-size: 12px;
	color: red;
}

.chairperson
{
	font-weight: bold;
	font-size: 12px;
	color: red;
}

.progressbar
{
	border-right: #80a9ff thin ridge;
	border-top-style: none;
	border-bottom: #80a9ff thin ridge;
	border-left-style: none;
	height: 24px;
	background-color: #80a9ff;
}
.progressbarcontainer
{
	border-right:  #eeeeee thin solid;
	border-top:  #eeeeee thin solid;
	border-left:  #eeeeee thin solid;
	border-bottom:  #eeeeee thin solid;
	background-color: white;
}

.progressbar1
{
	border-right: ridge;
	border-top-style: ridge;
	border-bottom: ridge;
	border-left-style: none;
	height: 24px;
	background-color: #003399;
}
.progressbar2
{

	border-top-style: outset;
	border-right-style: outset;
	border-left-style: outset;
	height: 24px;
	background-color: #80a9ff;
	border-bottom-style: outset;
}
.progressbarcontainer2
{
	border-right: thin solid;
	border-top: thin solid;
	border-left: 0px solid;
	border-bottom: thin solid;
	background-color: transparent;
}
.progressbar3
{
	border-top-style: outset;
	border-right-style: outset;
	border-left-style: outset;
	height: 24px;
	background-color: #80a9ff;
	border-bottom-style: outset;
}
.progressbarcontainer3
{
	border-right: thin solid;
	border-top: thin solid;
	border-left: 0px solid;
	border-bottom: thin solid;
	background-color: transparent;
}

.progressbarNoHeight
{
	border-right: #80a9ff thin ridge;
	border-top-style: none;
	border-bottom: #80a9ff thin ridge;
	border-left-style: none;
	background-color: #80a9ff;
}

.tree
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
	color: #000066;
	text-transform: none;
}

.test
{
	table-layout: fixed;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

/*for when you need to call attention to area or table*/
.alternatingbackground
{
	background-color: #eff2f8; /*light light Blueish*/
}

.background
{
	background-color: white; 
}
.smallCal
{
	padding-bottom: 05mm;
}
img
{
	border-style: none;
}
.buttonPanel
{
	padding: 5px;
}
/* Darker, taller table cell*/
.darkHighCellBack
{
	background-color: #93b2d5;
	text-align: center;
	padding: 30px;
}
.bottomBorder
{
	border-bottom: 25px solid blue;
}

.HomeBoxTitle
{
	color: White;
	font-size: 14px;
}

.AboutBoxText
{
	font-family: Arial;
	font-size: 18px;
}
.HomeBoxText
{
	font-family: Arial;
	font-size: 14px;
}

.ThanksText
{
	color: #999999;
	font-size: 12px;
}