/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	If Changing default esuite colors
   Replace #00 00 99  Title Bar, Starting Gradient Color, Link Bar and border
   With    #00 44 44
   Replace #33 99 FF  Ending gradient color
   With    #66 CC CC
   Replace #BC D0 F3  Starting gradient (Light), Grid title bars and footings
   With    #00 99 99  OR 00 BB BB
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section controls the Title Bars
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.TitleBar
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
}
.TitleBarRight
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #005c12;
}
.TitleBarMid
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #005c12;
}
.TitleBarRoll
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #005c12;
}
td.TitleBarRollDown
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #005c12;
}
IMG.TitleBarSize
{
	width: 25px;
	height: 25px;
}
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section controls the Message bars
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.MessageBar
{
	font-size: 14px;
	color: white;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: transparent;
}
A.MessageBar:link
{
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-decoration: none;
}
A.MessageBar:visited
{
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-decoration: none;
}
A.MessageBar:hover
{
	font-weight: bold;
	font-size: 14px;
	color: #f00000;
	text-decoration: none;
}
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section controls the Links on bars
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.LinkBarWhite
{
	font-size: 14px;
	color: white;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: transparent;
	text-decoration: underline;
}
A.LinkBarWhite:link
{
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-decoration: none;
	text-decoration: underline;
}
A.LinkBarWhite:visited
{
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-decoration: none;
	text-decoration: underline;
}
A.LinkBarWhite:hover
{
	font-weight: bold;
	font-size: 14px;
	/*color: #821020;*/
	color: Red;
	text-decoration: none;
}
.LinkBarBlue
{
	font-size: 14px;
	color: #005c12;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: transparent;
	text-decoration: underline;
}
A.LinkBarBlue:link
{
	font-weight: bold;
	font-size: 14px;
	color: #005c12;
	text-decoration: none;
	text-decoration: underline;
}
A.LinkBarBlue:visited
{
	font-weight: bold;
	font-size: 14px;
	color: #005c12;
	text-decoration: none;
	text-decoration: underline;
}
A.LinkBarBlue:hover
{
	font-weight: bold;
	font-size: 14px;
	color: Red;
	text-decoration: none;
}
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section controls the Style of the Grids and Tables
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.GridHeader
{
	font-size: 14px;
	font-weight: bold;
	color: white;
	background-color: #005c12;
}
.GridHeader A:link
{
	font-size: 14px;
	font-weight: bold;
	color: white;
	background-color: #005c12;
	text-decoration: underline;
}
.GridHeader A:visited
{
	font-size: 14px;
	font-weight: bold;
	background-color: #005c12;
	text-decoration: underline;
}
.GridPager
{
	font-weight: bold;
	font-size: 14px;
	color: white;
	background-color: #005c12;
}
.GridPager A:link
{
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	text-decoration: underline;
}
.GridPager A:visited
{
	font-weight: bold;
	font-size: 14px;
	color: #005c12;
	text-decoration: none;
	text-decoration: underline;
}
.GridPager A:hover
{
	font-weight: bold;
	font-size: 14px;
    color: Red;
	text-decoration: none;
}
.GridFooter
{
	font-size: 14px;
	font-weight: bold;
	background-color: #005c12;
	color: white;
}
.GridStyle
{
	font-size: 12px;
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: #FFFFFF;
}
.GridStyleTransparent
{
	font-size: 12px;
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: Transparent;
}
.GridStyleRefine
{
	font-size: 12px;
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: #EDEADA;
}

/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section sets up the borders around a control or section
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
IMG.BoxSize
{
	width: 9px;
	height: 9px;
}
TD.BoxTopRight
{
	background-image: url(img/thinbox_top_right.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}
TD.BoxTopTile
{
	background-image: url(img/thinbox_top_tile.gif);
	background-repeat: repeat-x;
	background-color: transparent;
}
TD.BoxTopLeft
{
	background-image: url(img/thinbox_top_left.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}
TD.BoxBottomRight
{
	background-image: url(img/thinbox_bottom_right.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}
TD.BoxBottomTile
{
	background-image: url(img/thinbox_bottom_tile.gif);
	background-repeat: repeat-x;
	background-color: transparent;
}
TD.BoxBottomLeft
{
	background-image: url(img/thinbox_bottom_left.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}
TD.BoxLeftTile
{
	background-image: url(img/thinbox_left_tile.gif);
	background-repeat: repeat-y;
	background-color: transparent;
}
TD.BoxRightTile
{
	background-image: url(img/thinbox_right_tile.gif);
	background-repeat: repeat-y;
	background-color: transparent;
}
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section controls the backgrounds of entry sections
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.EntryBoxLight
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	background-color: #d5cebc;
}

/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section is used for the tabs
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.TabBg
{
	background-color: #005c12;
}
.TabBgWhite
{
	font-weight: bold;
	font-size: 12px;
	color: #333366;
	background-color: #FFFFFF;
}
.TabBgWhiteBorder
{
	font-weight: bold;
	font-size: 12px;
	color: #333366;
	border-right: #005c12 1px solid;
	border-top: #005c12 1px solid;
	border-left: #005c12 1px solid;
	background-color: #ffffff;
}
IMG.TabBorderSize
{
	width: 8px;
	height: 9px;
}
TD.TabTopRight
{
	background-image: url(img/tab_top_right_advblue.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
}
TD.TabTopTile
{
	background-image: url(img/tab_top_advblue.jpg);
	background-repeat: repeat-x;
	background-color: transparent;
}
TD.TabTopLeft
{
	background-image: url(img/tab_top_left_advblue.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
}
TD.TabLeftTile
{
	background-image: url(img/tab_left_advblue.gif);
	background-repeat: repeat-y;
	background-color: transparent;
}
TD.TabRightTile
{
	background-image: url(img/tab_right_advblue.gif);
	background-repeat: repeat-y;
	background-color: transparent;
}
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
/* background/border colors for the tabs                         */
/* hyperlink styles of the tabs                                  */
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
A.InactiveTabs:link
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

A.InactiveTabs:visited
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

A.InactiveTabs:active
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

A.InactiveTabs:hover
{
	font-weight: bold;
	font-size: 12px;
	/*color: #821020;*/
	color: Red;
	text-decoration: none;
}
.InactiveTabs
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: darkblue;
	text-decoration: none;
	font-weight: bold;
	background-color: #b5b996;
}
.InactiveTabsBg
{
	background-color: #CCCCCC;
}
.SelectedTab
{
	font-weight: bold;
	font-size: 13px;
	color: white;
	border-bottom: 1px solid;
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	font-family: Verdana, Helvetica, sans-serif;
	border-left-style: none;
	background-color: #005c12;
}
.SelectedTabWhite
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: White;
	font-weight: bold;
}
.SelectedTabRed
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: Red;
	font-weight: bold;
}
.TabSeperator
{
	border-bottom: #005c12 0px solid; /*	background-color: #d6d6b5; */
	background-color: #ffffff;
}
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
/* Generic Style Setups											 */
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
A:link
{
	color: #000000;
	text-decoration: none;
}
A:visited
{
	color: #005c12;
	text-decoration: none;
}
A:hover
{
	/*color: #821020;*/
	color: Red;
	text-decoration: none;
}
A.grid:link
{
	font-weight: bold;
	font-size: 13px;
	color: #005c12;
	text-decoration: none;
}
A.grid:visited
{
	font-weight: bold;
	font-size: 13px;
	color: #005c12;
	text-decoration: none;
}
A.grid:hover
{
	font-weight: bold;
	font-size: 13px;
	color: Red;
	/*color: #f00000;*/
	text-decoration: none;
}
A.header:link
{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
A.header:visited
{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
A.header:hover
{
	font-weight: bold;
	color: Red;
	text-decoration: none;
}
A.infobar:link
{
	font-weight: bold;
	font-size: 10px;
	color: #005c12;
	text-decoration: none;
}
A.infobar:visited
{
	font-weight: bold;
	font-size: 10px;
	color: #005c12;
	text-decoration: none;
}
A.infobar:hover
{
	font-weight: bold;
	font-size: 10px;
	color: Red;
	text-decoration: none;
}
.infobar
{
	background-color: #CCCCCC;
}
.linkbutton
{
	font-weight: bold;
	background-image: url(img/thbg.gif);
	background-repeat: repeat-x;
}
body
{
	font-size: 12px;
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: #ffffff;
}
H1
{
	margin-top: 18px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 16px;
	color: #000000;
}
H1.homepage
{
	font-weight: bold;
	font-size: 24px;
	color: #cc0000;
}
H2
{
	margin-top: 12px;
	font-size: 14px;
	margin-bottom: 10px;
	color: #5d5e59;
}
H3
{
	margin-top: 12px;
	font-size: 14px;
	margin-bottom: 10px;
	color: #e00000;
}
H4
{
	margin-top: 12px;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 6px;
	color: #e00000;
}
H5
{
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 8px;
	color: #000000;
}
H6
{
	margin-top: 10px;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 8px;
	color: #000000;
}
input
{
	font-size: 11px;
	font-family: verdana,arial,helvetica,sans-serif;
}
select
{
	font-size: 11px;
	font-family: verdana,arial,helvetica,sans-serif;
}
TH
{
	font-size: 12px;
	color: #ffffff;
	background-color: #5a6bad;
}
.bullet
{
	color: #e00000;
}
.error
{
	color: #ff0000;
}
.highlight
{
	font-weight: bold;
	color: #e00000;
	font-style: italic;
}

/* text style used for most text rendered by modules */
.Normal
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.NormalRed
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.NormalBold
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* for ajax colapse panel*/
.FilterPanel { 
      /*background-color: #edeada;*/
}
 
.collapsePanelHeader{              
      font-weight:bold;
      float:none;
      padding:5px; 
      cursor: pointer; 
      vertical-align:middle;
      background-color: #005c12;
      color: #FFFFFF;
}
.content-Header {
    text-align: center;
    font-family:verdana;
    font-size:12px;
    font-weight: bold;
    background-color: #005c12;
    color: #FFFFFF;
}
.content-1 {
    float:left;
    padding:5px;
    font-family:verdana;
    font-size:11px;
    width:180px;
    background-color: #FFFFFF;
}
.content-2 {
    font-family:verdana;
    font-size:11px;
    font-weight: bold;
}
.content-3 {
    float:left;
    padding:5px;
    font-family:verdana;
    font-size:11px;
    width:180px;
    background-color: #edeada;
}
.content-4 {
    float:left;
    text-align:right;
    padding:5px;
    font-family:verdana;
    font-size:11px;
    width:180px;
    background-color: #edeada;
    color: #666666;
}
.DynDivType {
    float:left;
    font-family:verdana;
    font-size:10px;
    font-weight: bold;
    width:160px;
    background-color: #edeada;
    color: #636563;
    margin-top: 2px;
}
.DynDivValue {
    float:left;
    font-family:verdana;
    font-size:10px;
    width:160px;
    background-color: #edeada;
    color: #636563;
    margin-top: 2px;
    line-height: 14px;
}
.ToggleNav_open {
    background: url("img/collapse.gif") no-repeat scroll 0 3px transparent;
    padding-left: 15px;
    text-decoration: none;
    width:180px;
}
.ToggleNav_close {
    background: url("img/expand.gif") no-repeat scroll 0 3px transparent;
    padding-left: 15px;
    text-decoration: none;
    width:180px;
}
.CheckListBox-1 { 
    max-height: 150px;
    height: expression( this.scrollHeight > 149 ? "150px" : "auto" );
    float: left;
    font-family: verdana;
    font-size: 11px;
    width: 176px;
    overflow: Auto;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin-top: 5px;
}
.wrap-1 {
    float:left;
    width:100%;
}
.col-1 {
    width:200px;
}
.col-2 {
    margin-left:208px;
}
.view-results {
    clear:both;
    padding:5px;
    text-align: center;
}
.catHeader {
    background: none repeat scroll 0 0 #EAEBDB;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 2px;
    text-align: left;
}
.catHeader A:link
{
    color: #005c12;
	text-decoration: none;
}
.catHeaderSingle {
    background: none repeat scroll 0 0 #EAEBDB;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 2px;
    text-align: left;
    color: #005c12;
}
.catHeaderSingle A:link
{
    color: #005c12;
	text-decoration: none;
}
.catSub {
    background: url("img/ico-grey-right.gif") no-repeat scroll 0 3px transparent;
    margin: 5px 5px 3px;
    padding-left: 8px;
    font-size: 9pt;
    text-align: left;
    color: #005c12;
}
.ToggleCatNav_open {
    background: url("img/collapse.gif") no-repeat scroll 0 3px transparent;
    padding-left: 15px;
    text-decoration: none;
}
.ToggleCatNav_close {
    background: url("img/expand.gif") no-repeat scroll 0 3px transparent;
    padding-left: 15px;
    text-decoration: none;
}
/* for ajax popup panel*/
.button {
 border:solid 1px #c0c0c0;
 background-color:#eeeeee;
 font-family:verdana;
 font-size:11px;
}

.modalBackground {
background-color:#cccccc;
filter:alpha(opacity=80);
opacity:0.8;
}

.modalPanel {
background-color:#ffffff;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width:520px;
}

.InnerPanel {
margin: 0 auto;
text-align: center;
}