/* begin link styles */

/* */



.InformativeText
{
	font-size: 0.8em;
	color: black;
	line-height: normal;
	font-family: Verdana, Arial;
}

.InformativeTextHeader
{
	font-size: 0.9em;
	color: black;
	line-height: normal;
	font-family: Verdana, Arial;

}

.menustyle
{
	font-size: 10pt;
	cursor: default;
	color: black;
	font-family: Verdana;
	background-color: #76a642;
}

.menustyle2
{
	font-weight: bold;
	font-size: 10pt;
	cursor: default;
	color: #000000;
	font-family: Verdana;
	background-color: #99cc99;
	background-color: #9999cc;
}

.menutest
{
	font-weight: bold;
	font-size: 10pt;
	cursor: default;
	color: #6600cc;
	font-family: Verdana;
	background-color: #ffffff;
}

a.FlowerFairy:link
{
	background-position: left 30%;
	padding-left: 13px;
	font-size: 100%;
	background-image: url(icons/arrow_off.gif);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: underline;
}

a.FlowerFairy:active
{
	background-position: left 30%;
	padding-left: 13px;
	font-size: 100%;
	background-image: url(icons/arrow_off.gif);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: underline;
}

a.FlowerFairy:visited
{
	background-position: left 30%;
	padding-left: 13px;
	font-size: 100%;
	background-image: url(icons/arrow_off.gif);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: underline;
}

a.FlowerFairy:hover
{
	background-position: left 30%;
	padding-left: 13px;
	font-size: 100%;
	background-image: url(icons/arrow_on.gif);
	color: blue;
	background-repeat: no-repeat;
	text-decoration: underline;
}  

a.FlowerFairySave:link
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/save.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairySave:active
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/save.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairySave:visited
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/save.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairySave:hover
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/save.ico);
	color: blue;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyCancel:link
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/exit.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyCancel:active
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/exit.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyCancel:visited
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/exit.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyCancel:hover
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/exit.ico);
	color: blue;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyEdit:link
{
	background-position: left 10%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/Edit.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyEdit:active
{
	background-position: left 10%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/Edit.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyEdit:visited
{
	background-position: left 10%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/Edit.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyEdit:hover
{
	background-position: left 10%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/Edit.ico);
	color: blue;
	background-repeat: no-repeat;
	text-decoration: none;
}


a.FlowerFairySearch:link
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/view.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairySearch:active
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/view.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairySearch:visited
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/view.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairySearch:hover
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/view.ico);
	color: blue;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyMail:link
{
	background-position: left 10%;
	padding-left: 30px;
	font-size: 100%;
	background-image: url(icons/Mail.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyMail:active
{
	background-position: left 10%;
	padding-left: 30px;
	font-size: 100%;
	background-image: url(icons/Mail.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyMail:visited
{
	background-position: left 10%;
	padding-left: 30px;
	font-size: 100%;
	background-image: url(icons/Mail.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyMail:hover
{
	background-position: left 10%;
	padding-left: 30px;
	font-size: 100%;
	background-image: url(icons/Mail.ico);
	color: blue;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyNew:link
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/New1.gif);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyNew:active
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/New1.gif);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyNew:visited
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/New1.gif);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyNew:hover
{
	background-position: left 30%;
	padding-left: 20px;
	font-size: 100%;
	background-image: url(icons/New1.gif);
	color: blue;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyHelp:link
{
	background-position: left 30%;
	padding-left: 40px;
	font-size: 100%;
	background-image: url(icons/Help.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyHelp:active
{
	background-position: left 30%;
	padding-left: 40px;
	font-size: 100%;
	background-image: url(icons/Help.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyHelp:visited
{
	background-position: left 30%;
	padding-left: 40px;
	font-size: 100%;
	background-image: url(icons/Help.ico);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyHelp:hover
{
	background-position: left 30%;
	padding-left: 40px;
	font-size: 100%;
	background-image: url(icons/Help.ico);
	color: blue;
	background-repeat: no-repeat;
	text-decoration: none;
}


/*
The following links are for paging control 
*/

a.FlowerFairyPageNext:link
{
	background-position: right 30%;
	padding-left: 13px;
	font-size: 100%;
	background-image: url(images/next.gif);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyPageNext:active
{
	background-position: right 30%;
	padding-left: 13px;
	font-size: 100%;
	background-image: url(images/next.gif);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyPageNext:visited
{
	background-position: right 30%;
	padding-left: 13px;
	font-size: 100%;
	background-image: url(images/next.gif);
	color: #003399;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.FlowerFairyPageNext:hover
{
	background-position: right 30%;
	padding-left: 13px;
	font-size: 100%;
	background-image: url(images/next.gif);
	color: blue;
	background-repeat: no-repeat;
	text-decoration: none;
}  




a.FlowerFairyPaging:link    { 
 font-size: 110%; 
 color: #b0b0b0; 
 text-decoration: none; 
 background-repeat: no-repeat;
 background-position: 30% left;
 padding-left: 5px; 
 }

a.FlowerFairyPaging:active    { 
 font-size: 110%; 
 color: #003399; 
 text-decoration: none; 
 background-repeat: no-repeat;
 background-position: 30% left;
 padding-left: 5px; 
 }

a.FlowerFairyPaging:visited    { 
 font-size: 110%; 
 color: #707070; 
 text-decoration: none; 
 background-repeat: no-repeat;
 background-position: 30% left;
 padding-left: 5px; 
}

a.FlowerFairyPaging:hover   { 
 font-size: 110%; 
 color: #003399;
 text-decoration: none;
 background-repeat: no-repeat; 
 background-position: 30% left;
 padding-left: 5px; 
} 

/* text style used display of page number */
.FlowerFairyPageNumberDisplay
{
	font-weight: normal;
	color: navy;
	line-height: 12px;
	font-family: Verdana, Helvetica, sans-serif;
}

/* text style used display of page number */
.PagingGraphics
{
	font-weight: bold;
	font-size: large;
	color: navy;
	line-height: 12px;
	font-family: Webdings;
	background-color: silver;
}

.RowTitle
{
	font-weight: normal;
	font-size: 12px;
	color: white;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
}

.FieldValues
{
	font-weight: normal;
	font-size: 12px;
	color: navy;
	font-family: Verdana, Helvetica, sans-serif;
}

.AuditSmall
{
	font-weight: normal;
	font-size: smaller;
	color: gray;
	font-family: Verdana, Helvetica, sans-serif;
}

.ReportHeader
{
	font-weight: bold;
	font-size: 12px;
	color: navy;
	font-family: Verdana, Helvetica, sans-serif;
}

.MessageTopOfForm
{
	font-weight: normal;
	font-size: 12px;
	color: steelblue;
	font-family: Verdana, Helvetica, sans-serif;
}

.FieldLabels
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
}

.ImportantMessage
{
	font-weight: normal;
	font-size: 12px;
	color: red;
	font-family: Verdana, Helvetica, sans-serif;
}

.MandatoryField
{
	font-size: medium;
	color: red;
	font-family: Verdana;
}

.Panel
{
	background-color: whitesmoke;
}

/* DATAGRID STYLE */

Table.FlowerFairyGRID
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	width: 740px;
	border-bottom: white 1px solid;
	font-family: Verdana;
}

Table.FlowerFairyGRID a:visited
{
	font-size: 12px;
	color: blue;
	text-decoration: none;
}
Table.FlowerFairyGRID a:active
{
	text-decoration:none;
	font-size:12px;
	color:blue;
}

Table.FlowerFairyGRID a:hover
{
	font-size: 12px;
	color: navy;
	background-color: transparent;
	text-decoration: none;
}

Table.FlowerFairyGRID a:link
{
	font-size: 12px;
	color: blue;
	text-decoration: none;
}

Table TR.FlowerFairyGRID
{
	background-color:LightSteelBlue;
	text-align:center;
	height:20px;
	font-size:small;
	color:Black;
}

/* FlowerFairyGRIDNORM Defines regular items */

Table TR.FlowerFairyGRIDNORM
{
	background-color: whitesmoke;
	text-align:left;
	height:1em;
	font-size:12px;
	color:Black;
}

/* FlowerFairyGRIDALT Defines alternate items */
Table TR.FlowerFairyGRIDALT
{
	background-color: #e0e0e0;
	text-align:left;
	height:1em;
	font-size:12px;
	color:Black;
}

/* FlowerFairyGRIDSEL Defines Selected items */
Table TR.FlowerFairyGRIDSEL
{
	background-color: #e0e0e0;
	text-align:left;
	height:1em;
	font-size:12px;
	color:Green;
}

/* FlowerFairyGRIDHEAD Defines Selected items */
.FlowerFairyGRIDHEAD
{
	font-size: 12px;
	color: navy;
	height: 1em;
	background-color: white;
	text-align: left;
}

/*
I applied a CssStyle of Grid to the asp:datagrid element, and various other styles to the 
other grid style elements. In my external style sheet, I used the following line, which creates 
a solid tan border, 1 pixel thick.
*/
.Grid
{
	border-right: tan 1px ridge;
	border-top: tan 1px ridge;
	font-weight: normal;
	border-left: tan 1px ridge;
	color: navy;
	line-height: 12px;
	border-bottom: tan 1px ridge;
	font-family: Verdana, Helvetica, sans-serif;
}

/*
Applying a style class to the grid as a whole has other benefits as well - we can use that 
class to refer to sub-elements of the grid, like this:
*/
.Grid td
{
	border-right: navy 1px solid;
	padding-right: 5px;
	border-top: navy 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 3px;
	border-left: navy 1px solid;
	padding-top: 5px;
	border-bottom: navy 1px solid;
	font-family: Arial;
	text-align: left;
}

/*
The style above applies to all cells within the grid, since they are all <td> elements. 
It makes all the text Arial and centered, creates thick white gridlines, and inserts some 
padding and spacing between the cells.
<HeaderStyle>
Next, we move on to formatting the header row. This is fairly simple, using the GridHeader 
style that was applied to the <HeaderStyle> element.
*/

.GridHeader
{
	font-weight: bold;
	color: white;
	font-family: Verdana;
	background-color: navy;
}


.GridHeaderLight
{
	font-weight: bold;
	color: navy;
	font-family: Verdana;
}



/*This works OK, until you create a sorted grid. Sorted grids have hyperlink tags for the 
header row. These hyperlinks do not take on the styles assigned so far. We can take care of 
that though:
*/
.GridHeader a
{
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	color: lightgoldenrodyellow;
	padding-top: 0px;
	text-decoration: none;
}

/*
The above takes care of the color and style of the hyperlink. The padding is not necessary, 
but I used it to illustrate some more advanced CSS, which is implemented in the following block:
*/

.GridHeader a:hover
{
    text-decoration: underline;
    /*background: Tan url(images/spin.gif) no-repeat 0 100%;*/
}

/*The hover keyword is used to represent what happens when the mouse is moved over the link. 
In my case, I am underlining the hyperlink, and causing a small image to appear next to it. 
(This is why I created the 15px padding earlier; so that the image would have a place to go). 
The image is a spin button, which will hopefully indicate to the user what clicking the header 
will do.
*/

.GridItem, .GridAltItem
{
    font-size: smaller;
}

/* Notice how I have applied the style to both the normal, and the alternating rows. Next, 
we apply styles to differentiate the alternating rows:
*/

.GridItem
{
	color: Black;
    background-color: #FFFFFF;
}

.GridAltItem
{
	color: black;
	background-color: #dedfde;
}

.GridSelItem
{
	color: Navy;
    background-color: #DEDFDE;
}

/* 
Application Specific Styles 
*/

.BlockTitle
{
	font-weight: bold;
	color: navy;
	font-family: Verdana;
	background-color: whitesmoke;
}


.GridTitle
{
	font-weight: normal;
	color: black;
	font-family: Verdana;
	background-color: whitesmoke;
}

.RFCTitle
{
	font-weight: bold;
	font-size: medium;
	color: navy;
	font-family: Verdana;
}

Table TD BISTableCell
{
	background-color: whitesmoke;
}


.GridHeader2
{
	
}

/*
TD
{
	text-align: left;
	vertical-align: top;
}

H1
{
	font-size: 1.2em;
	color: teal;
	font-family: Verdana, Sans-Serif;
}
*/
H1
{
	font-size: 1.5em;
	font-family: Verdana, Helvetica, sans-serif;
}

H2
{
	font-size: 1.2em;
	font-family: Verdana, Helvetica, sans-serif;
}