/*
-styPF = PanelFrame
-styPH = PanelHeader
-styPFT = PanelFooter
-styC = Cell
-styCD = CellDiv
-styDG = DataGrid
-styC = Color
-styL = Left
-styTC = TableCell
-styTB = TextBox
-styTBW = TextBox White
-styMB = MessageBoard
-styDDb = DropDown
-styHS = HeaderSelect
*/

/*
styM - Margin
styML - Margin Left
styP - Padding
styB - Border
styBC - Border Color
styC - Background Color
styCH - Color Header
styCCL - Color Left Cell
styCCR - Color Right Cell
styF - Font
styFF - Font Family
styFB - Font Bold
styW - Width
*/

/* This is the Main Background */

.stySmallText
{
	font-family:Verdana;
	font-size: 7.5pt;
}

.styCCS
{
	font-size: 6pt;
	font-family: Verdana;
	cursor:pointer;
}

.styColCel
{
	font-size: 8pt;
	font-family: Verdana;
	cursor:pointer;
}

.styColType
{
	color: black;
	font-size: 8pt;
	font-family: Verdana;
	background-color: whitesmoke;
}

.styHand
{
	cursor:pointer;
}

.styWeb
{
	margin: 0px;
	color: black;
	font-family: Verdana, Geneva, Helvetica, SANS-SERIF;
	background-color: #6F8590;
}

/* This is the Main Image */

.styMainImage
{
	background-image: url(../Files/Images/Logos/fields.jpg); 
	background-repeat: repeat-x; 
	width: 100%; 
	height: 70px;
}


/* This is the Main Div on each Page */

.styMainDiv, .styMainDiv800, .styMainDivMob
{
	left: 0px;
	margin-bottom: 10px; 
	width: 1000px; /* Set the Width of the Site Here - 228px for MobileWeb */  
	position: absolute; 
	top: 0px;
	/*height: 100%;*/
}

.styMainDiv800
{
	width: 770px; /* Set the Width of the Site Here - 228px for MobileWeb */  
}

.styMainDivMob
{
	width: 228px; /* Set the Width of the Site Here - 228px for MobileWeb */ 
}

/* Top Navigation Styles on the Header Panel */


.styTopNav, .styTopNavS
{
	border-right: #4a4d64 1px solid;
	padding-bottom: 2px;
	border-left: lightsteelblue 1px solid;
	padding-top: 2px;
	font-family: Verdana;
	font-size: 7.5pt;
	background-color: whitesmoke;
	text-align:left;
	height:18px;
	width: 100%; 
}

.styNavSpace
{
	margin-left:0px;
	vertical-align:middle;
}

.styPageNav
{
	border-right: #4a4d64 1px solid;
	font-size: 7.5pt;
	padding-bottom: 2px;
	font-family: Verdana;
	background-color: #02243E;
	text-align:left;
	line-height: 18px;
	height:18px;
	vertical-align:middle;
	color: whitesmoke;
	width: 100%; 
}

.styPageNav A {text-decoration: none; color:gainsboro;}
.styPageNav A:link {text-decoration: none; color:gainsboro;}
.styPageNav A:visited {text-decoration: none; color:gainsboro;}
.styPageNav A:hover  {text-decoration: none; color:gainsboro; background-color: #547274;}

.styLink
{
	color:#405caa;
}

.styHL, .styHLOver
{
	cursor: pointer;
	color: #339900;
	font-weight:bold;
}

.styHLOver
{
	background-color: #303241;
	color:White;
}

.styTitle
{
	background-color:Black;
	padding-bottom: 4px;
	font: bold italic 16pt verdana;
	color: gainsboro;
	padding-top: 4px;
	text-align: left;
	width: 100%; 
	/*background: url(../Files/Images/Backgrounds/TopBlueDark.gif) #303241 repeat-x;*/
}	

.styMainMenu
{
	background-color:#4878b0;
	height:18px;
	width: 100%; 
}

/************************************/
/* This is the Panel that wraps all of the content on each page, except Header and Footer */

.styContent
{
	border-right: #4a4d64 1px solid;
	border-bottom: lightsteelblue 1px solid;
	background-color: whitesmoke;
	width: 100%;
}

.styMCell1{}
.styMCell2{}
.styMCell3{}

.styFloatL
{
    float: left;
    width:100%;
    margin-right:3px;    
}

.styFloatR
{
    float: right;
    width:100%;
    margin-left:3px;
}

/************************************/
/* Panel Frames */

.styPF, .styPFC, .styPFc, .styPF0, .styPF1, .styPF2, .styPF3, .styPF4, .styPF5, .styPF6, .styPF7, .styPF8
{
	border: solid 1px #9cb2cc;
	background-color: white;
	font-size: 7.5pt;
	top: 0px;
	font-family: Verdana;
	margin: 0px 0px 6px 0px; /* If gstSpacePL is set to stySpacePL2: 2px, if stySpacePL4: 4px */
	width: 100%;
}

/* If gstSpacePL is set to stySpacePL2: 2px, if stySpacePL4: 4px */
.styPF8{margin: 0px 0px 8px 0px;}
.styPF7{margin: 0px 0px 7px 0px;}
.styPF6{margin: 0px 0px 6px 0px;}
.styPF5{margin: 0px 0px 5px 0px;}
.styPF4{margin: 0px 0px 4px 0px;}
.styPF3{margin: 0px 0px 3px 0px;}
.styPF2{margin: 0px 0px 2px 0px;}
.styPF1{margin: 0px 0px 1px 0px;}
.styPF0{margin: 0px 0px 0px 0px;}
/*
.styPF, .styPFC, .styPFc
{
background-color: styPF1;
border: solid 1px peru;
}
*/
.styPFC
{
	text-align:center;
}

/************************************/
/* Master Cells - For Divs */ 
.stySpacePL8 {margin: 8px 8px 8px 8px; width:100%;}
.stySpaceP8 {margin: 8px 8px 8px 0px; width:100%;}
.stySpacePL7 {margin: 7px 7px 7px 7px; width:100%;}
.stySpaceP7 {margin: 7px 7px 7px 0px; width:100%;}
.stySpacePL6 {margin: 6px 6px 6px 6px; width:100%;}
.stySpaceP6 {margin: 6px 6px 6px 0px; width:100%;}
.stySpacePL5 {margin: 5px 5px 5px 5px; width:100%;}
.stySpaceP5 {margin: 5px 5px 5px 0px; width:100%;}
.stySpacePL4 {margin: 4px 4px 4px 4px; width:100%;}
.stySpaceP4 {margin: 4px 4px 4px 0px; width:100%;}
.stySpacePL3 {margin: 3px 3px 3px 3px; width:100%;}
.stySpaceP3 {margin: 3px 3px 3px 0px; width:100%;}
.stySpacePL2 {margin: 2px 2px 2px 2px; width:100%;}
.stySpaceP2 {margin: 2px 2px 2px 0px; width:100%;}
.stySpacePL1 {margin: 1px 1px 1px 1px; width:100%;}
.stySpaceP1 {margin: 1px 1px 1px 0px; width:100%;}
.stySpacePL0 {margin: 0px 0px 0px 0px; width:100%;}
.stySpaceP0 {margin: 0px 0px 0px 0px; width:100%;}

/* Master Cells - For Tables */ 
.stySpacePLT2 {margin: 1px 0px 1px 0px; width:100%;}
.stySpacePT2 {margin: 1px 0px 0px 0px; width:100%;}

.stySpaceTableMain {margin: 2px 1px 2px 1px;}

/************************************/
/* Cell Content - Cell Div */
.styText {display: block}
.styTextH {display: none;}
.styPic {display: block}
.styPicH {display: none;}
.styCap {display: block}
.styCapH {display: none;}

.styCD, .styCDC, .styCDL, .styCD2, .styCD2, .styCD5, .styCD6, .styCD7, .styCD8, .styCD9, .styCD10, .styCDs, .styCDCs, .styCDLs, .styCD2s, .styCD5s, .styCD6s, .styCD7s, .styCD8s, .styCD9s, .styCD10s, .styCDBold, .styCDBolds, .styCD0
{
	font-size: 8pt;
	margin: 8px 5px 8px 5px;
	font-family: Verdana;
}

.styCDPageMess
{
	font-size: 8pt;
	margin: 15px 15px 15px 15px;
	font-family: Verdana;
}

.styCDs, .styCDCs, .styCDLs, .styCD2s, .styCD5s, .styCD6s, .styCD7s, .styCD8s, .styCD9s, .styCD10s, .styCDBolds, .styCD0
{
	font-size: 7.5pt;
}

.styCD0 {margin: 2px 0px 4px 0px;}
.styCD2 {margin: 5px 2px 5px 5px;}
.styCD5 {margin: 8px 5px 8px 5px;}
.styCD6 {margin: 9px 6px 9px 6px;}
.styCD7 {margin: 10px 7px 10px 7px;}
.styCD8 {margin: 11px 8px 11px 8px;}
.styCD9 {margin: 12px 9px 12px 9px;}
.styCD10 {margin: 13px 10px 13px 10px;}

.styCDC
{
	text-align:center;
}

.styCDL
{
	line-height: 12pt;
}

.styCDBold, .styCDBolds
{
	margin: 5px 2px 5px 5px;
	font-weight:bold;
}

.styCDInfo
{
	font-size: 7.5pt;
	font-family: Verdana;
	margin: 1px 6px 1px; 
}

/************************/
/* Cell Div */

.styCDHeader
{
	font-size: 8pt;
	margin: 1px 6px 1px; 
	font-family: Verdana;
}

/************************/
/* Panel Row */

.styPR {width:100%;}


/************************************/
/** Cells **/
/** Header Colors **/
/** Font family & Size **/

.styAL {text-align:left;}

/** HEADERS **/
.styCH1, .styCH1nw, .styCH1B, .styCH1Bnw, .stySH1, .styCH1R {font-family:Verdana; font-size:7.5pt; text-align:center;}
.styCH2, .styCH2nw, .styCH2B, .styCH2Bnw, .stySH2, .styCH2R {font-family:Verdana; font-size:7.5pt; text-align:center;}
.styCH3, .styCH3nw, .styCH3B, .styCH3Bnw, .stySH3, .styCH3R {font-family:Verdana; font-size:7.5pt; text-align:center;}

.styCH1, .styCH1nw, .styCH1B, .styCH1Bnw, .stySH1, .styCH1R {background-color:#707274; color: white;border: solid 1px #707274;}
.styCH2, .styCH2nw, .styCH2B, .styCH2Bnw, .stySH2, .styCH2R {background-color: lightslategray; color: #ffffff;border: solid 1px slategray;}
.styCH3, .styCH3nw, .styCH3B, .styCH3Bnw, .stySH3, .styCH3R {background-color: #cecec5; color: #000000;border: solid 1px gainsboro;}

.styCH1nw, .styCH2nw, .styCH1Bnw, .styCH2Bnw {width:100%;}
.styCH1B, .styCH1Bnw, .styCH2B, .styCH2Bnw, .styCH3B, .styCH3Bnw {font-weight:bold;}
.styCH1R, .styCH2R, .styCH3R {text-align: left}

.styCH1R A {text-decoration: none; color:white;}
.styCH1R A:link {text-decoration: none; color:white;}
.styCH1R A:visited {text-decoration: none; color:white;}
.styCH1R A:hover  {text-decoration: none; color:white; background-color: #547274;}
.styCH2R A {text-decoration: none; color:white;}
.styCH2R A:link {text-decoration: none; color:white;}
.styCH2R A:visited {text-decoration: none; color:white;}
.styCH2R A:hover  {text-decoration: none; color:white; background-color: #547274;}
.styCH3R A {text-decoration: none; color:white;}
.styCH3R A:link {text-decoration: none; color:white;}
.styCH3R A:visited {text-decoration: none; color:white;}
.styCH3R A:hover  {text-decoration: none; color:white; background-color: #547274;}

/** CELLS **/
/** Left / Right / Center **/
.styCLN, .styCL0, .styCL0B, .styCL1, .styCL1B, .styCL2, .styCL2B, .styCLg, .styCLr, .styCLw, .styCLE, .styCL1BRel, .styCL1BRelHov {font-family:Verdana; font-size:7.5pt; text-align:right;}
.styCRN, .styCR0, .styCR0B, .styCR1, .styCR1B, .styCR2, .styCR2B, .styCRg, .styCRr, .styCRw, .styCRE, .styCRE2 {font-family:Verdana; font-size:7.5pt; text-align:left;}
.styCCN, .styCC0, .styCC0B, .styCC1, .styCC1B, .styCC2, .styCC2B, .styCCg, .styCCr, .styCCw, .styCCE, .styCC1BRel, .styCC1BRelHov, .styCCBHuge {font-family:Verdana; font-size:7.5pt; text-align:center;}
	
/** Left Cells **/
.styCL0, .styCL0B {background-color:whitesmoke; border: solid 1px gainsboro;}
.styCL1, .styCL1B, .styCL1BRel, .styCL1BRelHov {background-color:lavender; border: solid 1px powderblue;}
.styCL2, .styCL2B {background-color:gainsboro; border: solid 1px lightgrey;}
.styCLE {background-color:peachpuff;}

/** Right Cells **/
.styCR0, .styCR0B {background-color:whitesmoke; border: solid 1px powderblue;}
.styCR1, .styCR1B {background-color:white; border: solid 1px gainsboro;}
.styCR2, .styCR2B {background-color:lavender; border: solid 1px powderblue;}
.styCRE {background-color:seashell;}
.styCRE2 {background-color:peachpuff;border: solid 1px LightSalmon;}

/** Center Cells **/
.styCC0, .styCC0B, .styCCBHuge {background-color:whitesmoke; border: solid 1px powderblue;}
.styCC1, .styCC1B, .styCC1BRel, .styCC1BRelHov {background-color:white; border: solid 1px gainsboro;}
.styCC2, .styCC2B {background-color:lavender; border: solid 1px powderblue;}
.styCCE {background-color:seashell;}

.styCLg, .styCRg, .styCCg {background-color:#ccffcc; font-size:7pt; border: solid 1px gainsboro;} 
.styCLr, .styCRr, .styCCr {background-color:peachpuff; font-size:7pt; border: solid 1px gainsboro;}
.styCLw, .styCRw, .styCCw {background-color:white; font-size:7pt; border: solid 1px gainsboro;}

/** Bold **/
.styCL0B, .styCL1B, .styCL2B, .styCL1BRel, .styCL1BRelHov {font-weight:bold;}
.styCR0B, .styCR1B, .styCR2B {font-weight:bold;}
.styCC0B, .styCC1B, .styCC2B {font-weight:bold;}

.styCL1BRel, .styCL1BRelHov, .styCC1BRel, .styCC1BRelHov {cursor:pointer}

.styCC1BRel, .styCC1BRelHov {padding: 2px 2px 2px 2px;}

.styCLE, .styCRE {border: solid 1px bisque;}

.stySH1, .stySH2, .stySH3 {font-family:Verdana; font-size:1pt; background-color:darkgray;}

.styNoB {border-style: none; border-width: 0px;}

.styCCBHuge {font-size: 14px; vertical-align:middle; text-align:center; font-weight:bold;}

/* Alert */

.styLogAlert
{
	font-weight: bold;
	font-size: 8pt;
	color: tomato;
	font-family: Verdana;
}

/* Panel Headers */

.stySearch
{
	cursor:pointer;
	text-align:center;
	background: none url(../Files/Images/Icons/Search.ico) no-repeat middle center;
	margin-top:0px;
	height:16px;
	width:16px;
}

.stySearch A {text-decoration: none; color:none; background-color: transparent;}
.stySearch A:link {text-decoration: none; color:none; background-color: transparent;}
.stySearch A:visited {text-decoration: none; color:none; background-color: transparent;}
.stySearch A:hover  {text-decoration: none; color:none; background-color: transparent;}

.styHidden
{
	display: none;
	width:100%;
}

.styDisplay
{
	display: block;
	width:100%;
}

.styHideTitle, .styHideRel, .styOpenAll, .styCloseAll {cursor:pointer;}
.styHideTitleHov, .styHideRelHov{cursor:pointer; background-color: lavender;}
.styHideOpen {cursor:pointer;}
.styHideClose {cursor:pointer;}
.styHideT {display:none;}
.styShowT 
{
	padding: 1px 0px 1px 0px;
	display:block;
	background-color: lavender;
}
.styShowTT
{
	margin: 4px 0px 4px 5px;
}

.styPHbig
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	line-height: 16px;
	border-bottom: #9cb2cc 1px solid;
	height: 25px;
	text-align: left;
	background-color: lightblue;
	padding: 2px 0px 0px 0px;
    width:100%;
}

.styPHbig H2, .styPHbig H2, .styPHbig H2
{
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 2px;
    font-size: 10pt;
    margin: 0px;
    font-family: Verdana, Helvetica, sans-serif;
}

.styContentItem, .styContentItemF
/** This is  the area that the Alert, Help, etc. go into... **/
{
	padding: 4px 5px 4px 5px;
	width:100%;
}

.styCL
{
	font-weight: normal;
	border-bottom: #f1efd9 1px solid;
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7.5pt;
	width:100%;
}

.styPHfont
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7.5pt;
	vertical-align:top;
	text-align: right;
	color: black;
	line-height: 16px;
	height: 25px;
}

.styPH, .styPHc, .styPHIm, .styPHAdmin, .styPFT
{
	background-color: lightblue;
	border-bottom: #9cb2cc 1px solid;
	font-weight: bold;
	font-size: 7.5pt;
	color: black;
	line-height: 16px;
	font-family: Verdana, Helvetica, sans-serif;
	top: 0px;
	height: 20px;
	text-align: left;
}

.styPHAdmin
{
	background-color: peachpuff;
}

.styPH H1, .styPHc H1, .styPHIm H1
{
    padding-right: 0px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 2px;
    font-size: 8pt;
    float: left;
    margin: 0px;
    font-family: Verdana, Helvetica, sans-serif
}

.styPHIm {background-image:url(../Files/Images/Backgrounds/TopBlue.gif)}

.styPHR
{
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 2px;
    margin-right:5px;
    text-align: right;
    font-size: 7.5pt;
    float: right;
    font-weight:normal;
    font-family: Verdana, Helvetica, sans-serif
}



/************************/
/* This is the right text div of the header */
.styHR, .styHR2, .styHR3
{
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 0px;
    color:#405c72;
    padding-top: 2px;
    text-align: right;
    font-size: 7.5pt;
    font-weight:normal;
    font-family: Verdana, Helvetica, sans-serif
}

.styHR3 {padding-right: 10px;}

.styHL, .styHL2
{
    padding-right: 0px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 2px;
    font-size: 8pt;
    float: left;
    margin: 0px;
    color: #000;
    font-family: Verdana, Helvetica, sans-serif
}

.styHR2 {padding-top: 4px;}
.styHL2 {padding-top: 4px;}

/* Corners */
.styTopL, .styTopR, .styBottomL, .styBottomR 
{
    height: 8px;
    width: 8px;
    font-size: 1px;
    line-height: 0px;
}

.styTopL 
{
	background: url(../Files/Images/Backgrounds/cornersDS.gif) no-repeat top left;
	float:left;
}

.styTopR 
{
	background: url(../Files/Images/Backgrounds/cornersDS.gif) no-repeat top right;
	float:right;
}

.styTopR 
{
	background: url(../Files/Images/Backgrounds/cornersDS.gif) no-repeat top right;
	float:right;
}

.styBottomL 
{
	background: url(../Files/Images/Backgrounds/cornersWS.gif) no-repeat bottom left;
	float:left;
}

.styBottomR 
{
	background: url(../Files/Images/Backgrounds/cornersWS.gif) no-repeat bottom right;
	float:right;
}

.styTopH
{
	height: 20px;
	background-color: #9cb2cc;
} 
   
.styTopHT H2
{
    padding-top: 4px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-right: 0px;
  	padding-left: 0px;
    padding-bottom: 0px;
	float: left;
	margin: 0px;
	color: #000;   
}

/************************/
/* This is the right text div of the header */
.stySpaceTL
{
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	width: 99%;
}

.stySpaceTC {margin: 0px 0px 4px 0px;}

.stySpaceTR
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;	
	float:right;
	width:99%;
}



/************************************/
/** Margin **/

.styM1 {margin: 1px 1px 1px 1px;}
.styM2 {margin: 2px 2px 2px 2px;}
.styM3 {margin: 3px 3px 3px 3px;}
.styM4 {margin: 4px 4px 4px 4px;}
.styM6 {margin: 6px 6px 6px 6px;}
.styM8 {margin: 8px 8px 8px 8px;}

.styM4L0 {margin: 4px 4px 4px 0px;}

.styML5, .styML5Font {margin-left:5px;}
.styMR5, .styMR5Font {margin-right:5px;}
.styML10, .styML10Font {margin-left: 10px;}
.styML20 {margin-left: 20px;}

.styMB0 {margin-bottom: 0px;}

.styL20
{
	margin: 0px 0px 0px 10px;
}

.styML10Font, .styML5Font
{
	font-size: 7.5pt;
	font-family: Verdana;
}

/************************************/
/** Padding **/

.styP1 {padding: 1px 1px 1px 1px;}
.styP2 {padding: 2px 2px 2px 2px;}
.styP3 {padding: 3px 3px 3px 3px;}
.styP4 {padding: 4px 4px 4px 4px;}

/************************************/
/** Border **/

.styBB0
{
	border-bottom-style:none;
}

.styB1
{
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}

.styB2
{
	border-right: 2px solid;
	border-top: 2px solid;
	border-left: 2px solid;
	border-bottom: 2px solid;
}

.styB3
{
	border-right: 3px solid;
	border-top: 3px solid;
	border-left: 3px solid;
	border-bottom: 3px solid;
}

.styB4
{
	border-right: 4px solid;
	border-top: 4px solid;
	border-left: 4px solid;
	border-bottom: 4px solid;
}

/************************************/
.styFAll {font-family: Verdana, Geneva, Helvetica, SANS-SERIF; font-size: 7.5pt;}

/** Font Family **/
.styFFver {font-family: Verdana, Geneva, Helvetica, SANS-SERIF;}

/************************************/
/** Font Bold **/
.styFB { font-weight:bold;}

/************************************/
/** Width **/
.styW100 {width: 100%;}
.styWauto {width:auto;}
.styW800 {width:800px;}
.styW1000 {width:1000px;}

/*********/

/* Data Grid Styles */

.styDG, .styDGT, .styDGHead, .styDGColor, .styDGA, .styDGA8, .styDGAS, .styDGAH 
{
	font-size: 7.5pt;
	font-family: Verdana;
	border: solid 1px white;
	background-color: white;
	width:100%;
}

.styDGAH
{
	display: none;	
}

.styDGT
{
	background-color: Transparent;
	border-style:none;
}

.styDGB
{
	border: solid 1px #e8e9cd;
}

.styDGA, .styDGA8
{
	border: solid 1px #e8e9cd;
}

.styDGA8{ font-size:8pt}

.styDGHead
{
	color: white;
	background-color: lightslategray;
	text-align: center;
}

.styDGAltRow {background-color: WhiteSmoke;}

.styDGColor
{
	font-size: 2pt;
	/*background-color: white;*/
}

.styDGbb
{
	/*padding: 2px 2px 2px 2px;
	border-color: gray;
	border-width: thin;
	background-color: none;*/
}

.styDGHead A {text-decoration: none; color: #FFFFFF;}
.styDGHead A:link {text-decoration: none; color: #FFFFFF;}
.styDGHead A:visited {text-decoration: none; color: #FFFFFF;}
.styDGHead A:hover {text-decoration: none; color:#FFFFFF; background-color:#000067}

.styHLE A {text-decoration: none; color:red;}
.styHLE A:link {text-decoration: none; color:red;}
.styHLE A:visited {text-decoration: none; color:red;}
.styHLE A:hover {text-decoration: none; color:red;}

.styHLEB A {text-decoration: none; color:forestgreen;}
.styHLEB A:link {text-decoration: none; color:forestgreen;}
.styHLEB A:visited {text-decoration: none; color:forestgreen;}
.styHLEB A:hover {text-decoration: none; color:forestgreen;}

/* Input Box Styles */

.styTB, .styTBg, .styTBr, .styTBw, .styDDg, .styDDr, .styDDb, .styBTflat, .styBTflatR, .styBTflat4, .styBTflatP, .styBTflatHL
{
	border: solid 1px lavender;
	display: inline;
	font-size: 7.5pt;
	font-family:Verdana;
	color: #000000;
	background-color: white;
}

.styDDg, .styDDr, .styDDb
{
	font-size: 7pt;
}

.styTBg {border: solid 1px palegreen;}
.styTBr {border: solid 1px lightsalmon;}
.styTBw {border: solid 1px slategray;}

.styDDg {background-color: palegreen;}
.styDDr {background-color: lightsalmon;}
.styDDb {background-color: #d8e4ec;}

.styBTflat, .styBTflatR, .styBTflat4, .styBTflatP, .styBTflatHL
{
	border-right: slategray 1px solid;
	border-top: slategray 1px solid;
	border-left: slategray 1px solid;
	border-bottom: slategray 1px solid;
	cursor: pointer;
	background-color: lavender;
}

.styBTflatHL
{
	 padding: 2px 6px 3px 6px;
	 height:12px;
	 line-height:10px;
	 text-align:center;
}

.styBTflatR
{
	background-color: lightsalmon;
}

.styBTflat4
{
	margin-right:4px;
}

.styBTflatP
{
	background-image: url(../Files/Images/Icons/AddToCart.gif);
	background-repeat: no-repeat;
}

.styBTPayPal
{
	background-image: url(../Files/Images/Icons/x-click-but03.gif);
	background-repeat: no-repeat;
}

.styCB
{
	display: inline;
	font-size: 7.5pt;
	font-family:Verdana;
	color: #000000;
	background-color: white;
}
/*********/

.styLink
{
	color:#405caa;
}

.styPicNoBorder, .styPicDesc, .styPicStory, .styPicDescBottom, .styM4PicTR, .styPicGall, .styPicLeft, .styPicRight, .styPicTop, .styPicBottom
{
	 border-bottom-style:none;
	 border-top-style:none;
	 border-left-style:none;
	 border-right-style:none;
}

.styPicLeft {margin: 0px 4px 4px 0px;}
.styPicRight {margin: 0px 0px 4px 4px;}
.styPicTop {margin: 0px 0px 4px 0px;}
.styPicBottom {margin: 4px 0px 0px 0px;}
.styPicGall {margin: 0px 0px 0px 0px;}

.styM4PicTR {margin: 0px 0px 4px 4px;}
.styPicDescBottom { margin: 4px 0px 2px 0px;}
.styPicDesc, .styPicStory {margin: 4px 2px 4px 10px;}
.styPhotoDiv, .styPhotoDivL
{
	font-size: 7.5pt;
	background: #4a4d64;
	margin: 0px;
	font-family: Verdana;
	padding: 2px 0px 4px 0px;
	color:White;
	text-align:center;
}

.styPhotoDivL
{
	background: #E2E9CC;
	text-align:left;
	padding: 4px 4px 4px 4px;
	vertical-align:top;
}

.styIconDiv
{
	font-size: 7.5pt;
	background: gainsboro;
	margin: 0px;
	font-family: Verdana;
	padding: 2px 2px 2px 2px;
}

.styCalDiv
{
	font-size: 7.5pt;
	background: #4a4d64;
	margin: 0px;
	font-family: Verdana;
	padding: 0px 0px 0px 0px;
}

.stySearch
{
	font-size: 10pt;
	font-weight:bold;
	font-family: Verdana;
}

/************************************/
/** Font Size **/
.styF75 {font-size: 7.5pt;}
.styF80 {font-size: 8pt;}
.styF90 {font-size: 9pt;}
.styF10 {font-size: 10pt;}
.styF11 {font-size: 11pt;}
.styF12 {font-size: 12pt;}
.styF14 {font-size: 14pt;}
.styF16 {font-size: 16pt;}
.styFxs {font-size: x-small;}

/* All of the Hyperlinks (<a href=) */
	
A {text-decoration: none; color:saddlebrown;}
A:link {text-decoration: none; color:saddlebrown;}
A:visited {text-decoration: none; color:saddlebrown;}
A:hover  {text-decoration: none; color:white; background-color: saddlebrown;}

/* There are the Hyperlink Decorations */

.styHyp A {text-decoration: none; color:#405caa;}
.styHyp A:link {text-decoration: none; color:#405c80;}
.styHyp A:visited {text-decoration: none; color:#405c80;}
.styHyp A:hover  {text-decoration: none; color:white; background-color: #547274;}

/* Open Close Java */

.styOpenClose, .styOpenCloseA
{
	cursor:pointer;
	text-align:center;
}

.styOf
{
	float:right;
	margin-top:2px;
	height:8px;
	font-size:8px;
	margin-right:4px;
}

.styUp, .styDown, .styLeft, .styRight, .styPlus, .styMinus, .styPlusD, .styMinusD
{
	cursor:pointer;
	float:right;
	height:8px;
	width:8px;
	margin-top:6px;
	font-size:6px;
	margin-right:4px;
	background-color: none;
	background-repeat: no-repeat;
}

.styTimerOff, .styTimerOn, .styAlert, .styHelp, .styInfo, .styAddPicA, .styAddPicU, .styCheck, .styUnCheck
{
	cursor:pointer;
	float:right;
	height:16px;
	width:16px;
	margin-top:2px;
	font-size:6px;
	margin-right:4px;
	background-color: none;
	background-repeat: no-repeat;	
}

.styTimerOff, .styTimerOn
{
	margin-left:2px;
}

.styPlus
{
	margin-right:6px;
}

.styLeft, .styRight, .styEdit, .styAddA, .styAddU, .styAddLA, .styUploadA, .styUploadU, .styViewAll, .styPeople, .styFav
{
	cursor:pointer;
	float:right;
	height:14px;
	width:14px;
	margin-top:2px;
	margin-right:4px;
	font-size:6px;
	background-color: none;
	background-repeat: no-repeat;
}

.styPlusD, .styMinusD
{
	cursor:auto;
}

.styHR
{
	color: lavender;
}

.stySpace1bg, .stySpace1bgP
{
	border-right: #dddee6 1px solid;
	border-top: #dddee6 1px solid;
	border-left: #dddee6 1px solid;
	border-bottom: #dddee6 1px solid;
}

.stySpace1bgh
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
}

.stySpaceP14
{
	padding: 0px 1px 0px 1px;
	width:16.67%;
}

.styDateHeader, .styDate, .styDateNon, .styDateNonPic, .styDateHover, .styDateL, .styDateSelect, .styDateSelectL, .styDateToday, .styDateTodayL, .styDateSchedule
	{
	font: 7.5pt verdana;
	text-align:center; 
	text-decoration: none; 
	font-weight:normal;
	padding:0px; 
	margin-bottom: 0px;
	color:#FFFFFF; 
	border:1px solid #9CB2CC;
	}
	
.styDateHeader{cursor:auto; background-color:slategray;}	
.styDateSchedule{cursor:auto; color:Yellow; background-color:blue;}
.styDate {cursor:hand; background-color:#98ACC8;}
.styDateNon {cursor:auto; background: #98ACC8;}
.styDateNonPic 
{
	cursor:hand; 
	color:black; 
	border:0px solid #9CB2CC;
	background-image:url(../Files/Images/Backgrounds/bgMonth.gif);
	background-repeat: no-repeat;
}
.styDateNonPic2
{
	background-color:Lime;
	background-image:url(../Files/Images/Backgrounds/bgMonth.gif);
}
.styDateHover {cursor:hand; color:#000000; background-color:#FFFFFF;}
.styDateL {text-align:left; padding:2px; background-color:#98ACC8;}
.styDateSelect {cursor:hand; color:Yellow; background-color:#758FB3;}
.styDateSelectL {text-align:left; padding:2px; background-color:#758FB3;}
.styDateToday {cursor:hand; background-color:#00004A;}
.styDateTodayL {cursor:hand; text-align:left; padding:2px; background-color:#00004A;}

.styDate A {text-decoration: none; color: #FFFFFF;}
.styDate A:link {text-decoration: none; color: #FFFFFF;}
.styDate A:visited {text-decoration: none; color: #FFFFFF;}
.styDate A:hover {text-decoration: none; color:#000000; background-color:#FFFFFF}

.styDateSelect A {text-decoration: none; color: #FFFFFF;}
.styDateSelect A:link {text-decoration: none; color: #FFFFFF;}
.styDateSelect A:visited {text-decoration: none; color: #FFFFFF;}
.styDateSelect A:hover {text-decoration: none; color:#000000; background-color:#FFFFFF}

.styDateTodayL A {text-decoration: none; color: #FFFFFF;}
.styDateTodayL A:link {text-decoration: none; color: #FFFFFF;}
.styDateTodayL A:visited {text-decoration: none; color: #FFFFFF;}
.styDateTodayL A:hover {text-decoration: none; color:#FFFFFF;}

.styCellDateLeft {font: 7.5pt verdana; cursor:auto; text-align:left; font-weight:bold;
	padding:1px; margin-left: 4px; margin-bottom: 0px;
	color:#000000; background-color:#C7C7C7;
	border:0px solid #9CB2CC;}
.styCellDateLeft A {text-decoration: none; color: #000000;}
.styCellDateLeft A:link {text-decoration: none; color: #000000;}
.styCellDateLeft A:visited {text-decoration: none; color: #000000;}
.styCellDateLeft A:hover {text-decoration: underline; color: #000000;}

/** cool icons **/
.styLeft {background-image: url(../Files/Images/Icons/left-blue.gif);}
.styRight {background-image: url(../Files/Images/Icons/search-blue.gif);}
.styEdit {background-image: url(../Files/Images/Icons/edit-page-red.ico);}
.styAddA {background-image: url(../Files/Images/Icons/add-page-red.gif);}
.styAddU {background-image: url(../Files/Images/Icons/add-page-blue.gif);}
.styAddLA {background-image: url(../Files/Images/Icons/add-item-yellow.gif);}
.styUploadU {background-image: url(../Files/Images/Icons/upload-page-blue.gif);}
.styUploadA {background-image: url(../Files/Images/Icons/upload-page-red.gif);}
.styFav {background-image: url(../Files/Images/Icons/add-favorite-blue.gif);}
.styAddPicA {background-image: url(../Files/Images/Icons/upload-image-red2.gif);}
.styAddPicU {background-image: url(../Files/Images/Icons/upload-image-blue2.gif);}
.styViewAll {background-image: url(../Files/Images/Icons/right-list-blue.ico);}
.styPeople {background-image: url(../Files/Images/Icons/user-group2.gif);}

/** normal icons **/
.styPlus {background-image: url(../Files/Images/Icons/Iplus.ico);}
.styMinus {background-image: url(../Files/Images/Icons/Iminus.ico);}
.styUp {background-image: url(../Files/Images/Icons/Iup.ico);}
.styDown {background-image: url(../Files/Images/Icons/Idown.ico);}
.styPlusD {background-image: url(../Files/Images/Icons/Iplusd.ico);}
.styMinusD {background-image: url(../Files/Images/Icons/Iminusd.ico);}
.styAlert {background-image: url(../Files/Images/Icons/alert.gif);}
.styInfo {background-image: url(../Files/Images/Icons/Iinfo.ico);}
.styHelp {background-image: url(../Files/Images/Icons/help.gif);}
.styTimerOff {background-image: url(../Files/Images/Icons/Iloading.ico);}
.styTimerOn {background-image: url(../Files/Images/Icons/loading.gif);}
.styCheck {background-image: url(../Files/Images/Icons/check.gif);}
.styUnCheck {background-image: url(../Files/Images/Icons/check.gif);}

.styStart, .styEnd
{
	height:17px;
	width:40px;
	background-repeat: no-repeat;
}

.styMap
{
	height:18px;
	width:18px;
	background-repeat: no-repeat;
}

.styStart {background-image: url(../Files/Images/Icons/start.gif);}
.styEnd {background-image: url(../Files/Images/Icons/end.gif);}
.styMap {background-image: url(../Files/Images/Icons/map.gif);}

.styLeft A {text-decoration: none; color:none; background-color: transparent;}
.styLeft A:link {text-decoration: none; color:none; background-color: transparent;}
.styLeft A:visited {text-decoration: none; color:none; background-color: transparent;}
.styLeft A:hover  {text-decoration: none; color:none; background-color: transparent;}

.styRight A {text-decoration: none; color:none; background-color: transparent;}
.styRight A:link {text-decoration: none; color:none; background-color: transparent;}
.styRight A:visited {text-decoration: none; color:none; background-color: transparent;}
.styRight A:hover  {text-decoration: none; color:none; background-color: transparent;}

.styScroll
{
	overflow: auto;
	height: 430px;
}

.styVT {
	writing-mode: tb-rl;
	filter: flipv fliph;
	/**text-align:center;**/
}

.styMB, .styMBR, .styMBD, .styMBDR, .styMBRW, .styMBRWg, .styMBRWs, .styOrig, .styMBRWh, .styMBRWhs, .styMBRWho, .styMBRWhos, .styMBG
{
	padding-right: 4px;
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	margin: 1px;
	color: #000000;
	background-color: whitesmoke;
	text-align: left;
	height:100%
}

.styMBHead
{
	border-right: lightsteelblue 1px solid;
	border-top: lightsteelblue 1px solid;
	border-left: lightsteelblue 1px solid;
	border-bottom: lightsteelblue 1px solid;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 1px;
	color: #000000;
	background-color: ghostsmoke;
	text-align: center;
	font-size:7.5pt;
}

.styOrig
{
	background-color: palegreen;
}

.styMBD
{
	background-color: lavender;
}

.styMBR
{
	text-align: right;
}

.styMBDR
{
	background-color: lavender;
	text-align: right;
}

.styMBRW, .styMBRWh, .styMBRWho, .styMBRW
{
	background-color: white;
	text-align: left;
	padding-right: 15px;
	padding-top: 4px;
	padding-left: 15px;
	padding-bottom: 4px;
}

.styMBRW, .styMBRWhs, .styMBRWhos, .styMBRWg
{
	background-color: white;
	text-align: left;
	padding-right: 5px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	font-size:8pt;
}

.styMBRWg
{
	background-color: whitesmoke;
}

.styMBRWh, .styMBRWho, .styMBRWhs, .styMBRWhos
{
	cursor:hand;
}

.styMBRWho, .styMBRWhos
{
	color:Blue;
}

.styCellClear
{
	font-size:7.5pt;
}

.styCellClear8
{
	font-size:x-small;
}

.styCellClear8B
{
	font-weight:bold;
	font-size:8pt;
}

.styCellClear8BGreen
{
	font-weight: bold;
	font-size: 8pt;
	color: #009900;
}