.featuredItemTitle, .featuredItemTitle TD, .browseBoxHeader TD, .browseBoxHeader {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:		bold;
		font-size:			12px;
		color:				#666666;
}
.numberColumnStyle
{
	 text-align:right;
	
}
.gvHeadStyle
{
	background:url("../img/header-blue.gif" );
	
	font-weight:normal;
}

.cellDivider {
	BACKGROUND-IMAGE: url(../img/table-header-divider.gif); WIDTH: 2px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 19px
}

.gvHeadStyleAddition
{background:url("../img/header-blue.gif" );
	
	font-weight:normal;
	color:red;
}
.tblContent
{
	background-color:	#FFFFFF;
        height:35px;
}
.headStyle
{
	background:url("../img/header-gray.gif" );
}
.spacerTD
{
	background:url("../img/spacer.gif" );
}

.topLineTD
{
    background:url("../img/wizard_toptile.gif" );
}
.leftTD
{
    background:url("../img/wizard_lefttile.gif" );
}
.rightTD
{
    background:url("../img/wizard_righttile.gif" );
}
.leftIMG
{
    background:url("../img/wizard_lefttopcorner.gif" );
}
.rightIMG
{
    background:url("../img/wizard_righttop.gif" );
}
.bottomLeftIMG
{
    background:url("../img/wizard_leftbottomcorner.gif" );
}
.bottomRightIMG
{
    background:url("../img/wizard_rightbottomcorner.gif" );
}
.bottomLineTD
{
    background:url("../img/wizard_bottomtile.gif" );
}
.control-headtitle
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #009933;
}
.day-title
{
	color: CornflowerBlue;
}

.dateLabel
{
	/*background-color: #EBF7FD;*/
	border: #ADADAD 0px solid; 
	border-bottom: silver 1px solid; 

}

.form-body
{
    padding: 2px;
    border: 0px;
    background-color: #FFFFFF;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#DFE5EA,   endColorStr=#A5B2C6,   gradientType=1 );
}
.form-body.input-value
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
    background-color: #F5F5F5;
}

.form-body.input-name
{
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    overflow: visible;
    color: #373737;
    white-space: nowrap;
    background-color: #E6E6E6;
}

.td-function
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
    background-color: #F5F5F5;
}

/*
	==============tool error=======================
*/
.tool-error
{
    background-color: #E0E2F7;
}
.tool-error .tool-error-icon
{
    background-image: url(../img/mistake_07.gif);
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 32px;
}
.tool-error .tool-error-closebutton
{
    background-image: url(../img/mistake_03.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 13px;
    height: 13px;
    cursor: hand;
}
.tool-div
{
    background-image: url(../img/mistake_03.gif);
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 32px;
}

/* =====================================================================
.form-body .input-name
{
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	overflow: visible;
	color: #373737;
	white-space: nowrap;
	background-color: #E6E6E6;
}

/****************************************************/
/*             Html Page                            */
/****************************************************/
.MasterHeader
{
    /*background-color: #039;*/
    color: #FFF;
    /*height: 85px;*/
    background-image:url('../Img/enterpriseheader.gif');
    height:45px;
    background-repeat:repeat-x;
	vertical-align:middle;
}

.SummaryFrame
{
    display: inline-block;
}
.Foot
{
    position: absolute;
    bottom: 0;
    height: 25px; /*background-color: #deebf5;*/
    background-color: #EFEFEF;
}

.Content
{
    display: block;
    overflow: auto;
    position: absolute;
    bottom: 26px;
    top: 0px;
    text-align: center;
}
.ContentList
{
    overflow: auto;
    position: absolute;
    bottom: 0px;
    top: 0px;
    text-align: center;
}
.DivFix
{
    margin-right: -15px;
    margin-bottom: -15px;
}
* html .Content
{
    height: 100%;
    border-bottom: 26px solid #fff;
}
* html .ContentList
{
    height: 100%;
    border-bottom: 0px solid #fff;
}
HeadLine
{
    background-color: #6599C1;
    font-weight: normal;
    font-size: medium;
    color: black;
    font-family: Verdana;
}
HeadLine2
{
    color: #ffffff;
    font-family: Verdana;
    background-color: #6599C1;
}
/* background color for the header at the top of the page  */
Header
{
    background-color: navy;
}

/* background color for the content part of the pages */




/* GENERIC */
Table.TreeNode
{
    border-collapse: collapse;
    border: 1;
    padding: 4;
}

TBODY.Help
{
    font-family: Verdana;
    font-size: 14px;
    background-color: #E7E7FF;
}

TFOOT, THEAD
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px; /* color: darkred;*/
}

THEAD.TreeNode
{
    font-family: Arial Narrow;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-color: #4A3C8C; /*color : white;*/
    color: #E7E7FF;
}

THEAD.Help
{
    font-family: Arial Narrow;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #4A3C8C;
    color: #E7E7FF;
    color: white;
}

TR.TreeNode
{
    font-family: Arial Narrow;
    font-size: 12px;
}

TH
{
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold; /*color: darkred;*/
}

H1
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 120%;
    font-style: italic;
    font-weight: normal;
    color: #666644;
}

H2
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H3
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; /*color: darkred;*/
}

H4
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; /*color: darkred;*/
}

H5, DT
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold; /* color: darkred;*/
}

H6
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold; /* color: darkred;*/
}

/*a:link
{
    text-decoration: underline;
    color: #003366;
}
a:active
{
    font-weight: bold;
    text-decoration: none;
    color: #660000;
}
a:visited
{
    text-decoration: none;
    color: #003366;
}
a:hover
{
    font-weight: normal;
    color: #990000;
    text-decoration: none;
}*/
/*A:link  {
    text-decoration:    none;
    color:  Blue;
}

A:visited   {
    text-decoration:    none;
}

A:active    {
    text-decoration:    none;
     color: darkred;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}*/
.LinkText
{
    cursor: hand;
    font-size: 13px;
}
SMALL
{
    font-size: 8px;
}
BIG
{
    font-size: 14px;
}
BLOCKQUOTE, PRE
{
    font-family: Lucida Console, 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;
}
HR
{
    /* color: darkred;*/
    height: 1pt;
    text-align: left;
}

/****************************************************/
/*                       Menu                       */
/****************************************************/

.Menu
{
    color: #C00000;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold; /* margin-left: 6px;*/
    text-align: left;
    background-image:url('global-menu-bg.gif' );
}
.StaticMenu
{
    font-size: 12px;
    white-space: nowrap; /*color: #A4281C;*/
    color:  #FFFFFF;/*blue;*/
    font-weight: bold;
    text-align: left; /* margin-left: 8px;*/
}
.SelectedMenu
{
    font-size: 12px;
    white-space: nowrap;
    color: #FFFFFF;/* blue;*/
    font-weight: bold; /*  margin-left: 8px;*/
}
.HoverMenu
{
    font-size: 12px;
    color: #FFFFFF;/*#039;*/
    white-space: nowrap;
    font-weight: bold;
    text-align: left; /*margin-left: 8px;*/
    /*background-color:#54759D*/
}
.StaticSubMenu
{
    font-weight: normal;
    font-size: 12px;
    color:  #FFFFFF;/*blue;*/
    white-space: nowrap; /* background-color: #9EAFBF;*/
    margin: 0px 0px 2px 0px;
    background-color: #54759D;
    border-color: #54759D;
    text-align: left;
}
.LinkStaticSubMenu
{
    /* color:#039;*/
    color: #FFFFFF;/* blue;*/
}

.CollapsiblePanel
{
    /*background-image: "images/headerbg.gif";*/
    background-repeat: repeat-x;
}

/****************************************************/
/*                       Div                        */
/****************************************************/
DIV#divMenuBar
{
    background-color: #6699cc;
    white-space: nowrap;
}
DIV.clsMenu
{
    font-size: 70%;
    background-color: #FFFFCC;
    position: absolute;
    visibility: hidden;
    padding: 5px 5px 5px 8px;
    border-top: 1 white solid;
    white-space: nowrap;
}

DIV.clsMenu A
{
    text-decoration: none;
    color: black;
    font-weight: bold;
    white-space: nowrap;
}

DIV.clsMenu A:hover
{
    color: Blue;
    white-space: nowrap;
}

/****************************************************/
/*                       Table                      */
/****************************************************/
TABLE#tblMenuBar TD
{
    font-size: 80%;
    color: white;
    padding: 0px 5px 0px 5px;
    cursor: default;
    white-space: nowrap;
}

TABLE#tblMenuBar TD.clsMenuBarItem
{
    font-weight: bold;
    cursor: hand;
    white-space: nowrap;
}


/****************************************************/
/*                Controls                          */
/****************************************************/
.submit
{
    font-weight: bold;
    font-size: 12px;
    color: #284E98;
    font-style: normal;
    font-family: Arial;
    background-color: #e6e6fa;
    border-top-style: outset;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
}

Button
{
    font-weight: bold;
    font-size: 12px;
    color: #ff0000;
    font-style: normal;
    font-family: Arial;
    background-color: #e6e6fa;
    border-top-style: outset;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
}

Panel
{
    border: solid;
    background-color: #E2E2FE;
    border-width: 1px;
    border-color: Black;
    font-family: Arial Narrow;
    font-size: 14px;
    overflow: auto;
}

PanelSmall
{
    border: solid;
    background-color: #E2E2FE;
    border-width: 1px;
    border-color: Black;
    font-family: Arial Narrow;
    font-size: 11px;
    overflow: auto;
}


/* This is for buttons. */
.ButtonStyle
{
    /*font-weight: bold;*/
    font-size: 12px;
    cursor: default;
    font-family: Arial; /*color: #2C5885;*/
    white-space: nowrap;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold;
}
.Text
{
    padding-right: 3px;
    padding-left: 3px;
    color: #000000;
    font-size: 10px;
}
/* This is for TextBoxes that are filled in with DateTime. */
.DateText
{
    font-weight: normal;
    font-size: 13px;
    color: black;
    font-family: Verdana;
    width: 80px;
    text-align: right;
    text-decoration: none;
    background-color: white;
}
.HeaderText
{
    font-weight: bold;
    font-size: 15px;
    cursor: default;
    font-family: Arial; /*color: #2C5885;*/
    color: #000000;
    white-space: nowrap;
}
.PlainText
{
    font-size: 9pt;
    font-family: Arial;
}
.TitleText
{
    font-size: 9pt;
    font-weight: bold;
    font-family: Arial;
}
.TitleTextWrap
{
    font-size: 9pt;
    font-weight: bold;
    font-family: Arial;
}

.ValueText
{
    font-weight: normal;
    font-size: 13px;
    font-family: Verdana;
}
.TextBox
{
}
.ROTextBox
{
    font-weight: normal;
    font-size: 13px;
    color: black;
    font-family: Verdana; /*white-space: nowrap;*/
    text-decoration: none;
    background-color: #f0ece0;
}
.DataList
{
    font-weight: normal;
    font-size: 13px;
    color: black;
    font-family: Verdana;
    white-space: nowrap;
    text-decoration: none;
    background-color: white;
}
.RODataList
{
    font-weight: normal;
    font-size: 13px;
    color: gray;
    font-family: Verdana;
    white-space: nowrap;
    text-decoration: none;
    background-color: #f0ece0;
}
/****************************************************/
/*                Table                             */
/****************************************************/
.MainTable
{
    font-family: Arial Narrow;
    font-size: 14px;
    border-width: 0;
    background-color: #b0e0e6;
}
.Cell
{
    font-family: Arial Narrow;
    font-size: 14px;
    vertical-align: top;
    background-color: #b0e0e6;
}


/****************************************************/
/*                TreeView                          */
/****************************************************/
.TreeView
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    color: #000066;
}
.TreeViewLeaf
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #000066;
}

.TreeViewHover
{
    color: #3974d5;
    font-family: Verdana;
    font-size: 12pt;
}
.TreeViewSelected
{
    color: #000066;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
}
.TreeViewRoot
{
    color: #3974d5;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
}
/****************************************************/
/*                Grid                              */
/****************************************************/
.GridHeader
{
    font-family: Arial;
    font-size: x-small;
    font-weight: bold;
    color: Black;
}
.GridColumnHeader
{
    font-family: Arial;
    font-size: x-small;
    font-weight: bold;
    text-align: center;
    color: White;
    background-color: #426396;
    height: 28px;
}
.GridColumnHeader a:link
{
    color: white;
    text-decoration: underline;
}
.GridColumnHeader a:visited
{
    color: white;
    text-decoration: underline;
}
.GridColumnHeader a:hover
{
    color: black;
    text-decoration: none;
}
.GridRowFirst
{
    font-weight: normal;
    font-size: 10pt;
    cursor: default;
    font-family: Verdana;
    white-space: nowrap; /*background-color: #BED9E4;*/
    background-color: #A5B2C6;
}
.GridRowSecond
{
    font-weight: normal;
    font-size: 10pt;
    cursor: default;
    font-family: Verdana;
    white-space: nowrap; /*background-color: #D9EBF7;*/
    background-color: #DFE5EA;
}
.GridRowSelected
{
    font-weight: normal;
    font-size: 10pt;
    cursor: default;
    font-family: Verdana;
    white-space: nowrap;
    background-color: #B5CAE3;
}
/****************************************************/
/*                DataGrid                          */
/****************************************************/
DataGrid
{
    border-style: ridge;
    border-width: 1px;
    border-color: Silver; /*background-color:White;*/
    font-family: Arial Narrow;
    font-size: 14px;
    background-color: red;
}

DataGridSelectedItem
{
    /*background-color:LightYellow;*/
    color: Black;
    font-family: Arial Narrow;
    font-size: 14px;
}
DataGridItemFirst
{
    background-color: #E2E2FE;
    color: Black;
}
DataGridItemSecond
{
    /*ackground-color:"#DEDFDE"; 	background-color:#E2E2FE;*/
    color: Black;
    text-align: center;
    vertical-align: middle;
}
DataGridHeaderBold
{
    background-color: #4A3C8C;
    color: #E7E7FF;
    font-weight: bold;
    text-align: center;
}

DataGridHeader
{
    background-color: #4A3C8C;
    color: #E7E7FF;
    text-align: center;
}
DataGridFooter
{
    background-color: #E2E2FE;
    color: Black;
}
DataGridPager
{
    background-color: #E2E2FE;
    color: Black;
    text-align: center;
}

/****************************************************/
/*                DataList                          */
/****************************************************/
DataList
{
    font-family: Verdana;
    font-size: 13px;
    background-color: #b0c4de;
}

RODataList
{
    font-size: 13px;
    font-family: Verdana;
    background-color: #d3d3d3;
}
/****************************************************/
/*                Tab                               */
/****************************************************/
/* Menu control that looks like a tab strip */
/*.tab, .tabItem
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
    background-color: #6495ed;
}
.tab
{
    padding: 15px 1px 0px 0px;
    text-align: center;
}
.tab a:link, .tab a:visited, .tab a:hover
{
    text-decoration: none;
    color: #333333;
}
.tabPage
{
    border: solid 1px #c0cbb6;
    vertical-align: top;
}
.tabItem
{
    padding: 3px 3px 3px 3px;
    border-top: solid 1px gainsboro;
    border-left: solid 1px gainsboro;
    border-right: solid 1px darkgray;
    border-bottom: solid 1px #F7F6F3;
    background-color: #F7F6F3;
}
.tabSelected
{
    border-style: outset;
    border-bottom: solid 1px #ccd9c0;
    background-color: #e0ffff;
    font-weight: bold;
    font-size: 10pt;
    cursor: default;
    font-family: Verdana;
    white-space: nowrap;
}
.tabHover
{
    border-style: outset;
    border-bottom: solid 1px #ccd9c0;
    background-color: #d8e1ce;
}*/
/****************************************************/
/*                Navigate  Link                    */
/****************************************************/
.NavigateLink
{
    font-family: Verdana;
    color: blue;
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
}

/****************************************************/
/*                Error Message                     */
/****************************************************/
.ErrorMessage
{
    color: Red;
    font-size: smaller;
    font-style: italic;
}






.menustyle
{
    font-size: 8pt;
    font-family: Verdana;
    color: #FF7C7C;
    background-color: #000000;
    font-weight: bold;
    cursor: default;
}
.body
{
    color: black;
    font-size: 8pt;
    font-family: Tahoma;
}
.body-bold
{
    color: black;
    font-size: 8pt;
    font-family: Tahoma;
    font-weight: bold;
}
.body-title
{
    font-weight: bold;
    font-size: 12pt;
    text-transform: uppercase;
    color: #072b61;
    font-family: "Arial Narrow";
    text-align: left;
}
.body-title-small
{
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    color: #072b61;
    font-family: "Arial Narrow";
    text-align: center;
}

.body-subtitle
{
    font-weight: bold;
    font-size: 12pt;
    color: #072b61;
    font-family: "Arial Narrow";
    text-align: left;
}
.body-gray
{
    color: #cccccc;
    font-size: 8pt;
    font-family: "Arial";
    font-weight: normal;
    font-style: normal;
    text-align: left;
}
.body-link
{
    font-size: 8pt;
    color: red;
    font-style: normal;
    font-family: "arial";
    text-decoration: underline;
}
.body-filter
{
    font-weight: bold;
    font-size: 8pt;
    color: blue;
    font-style: normal;
    font-family: "Arial Narrow";
    text-decoration: underline;
}
.body-head-link
{
    color: blue;
    font-size: 8pt;
    font-family: Tahoma;
    font-weight: bold;
    text-decoration: underline;
}
Checkbox
{
    font-size: 13px;
    font-family: Verdana;
}

/****************************************************/
/*                Tab                               */
/****************************************************/
/* Menu control that looks like a tab strip, add by Jacky 2006-7-10*/
.Menutab
{
    color: #CCE6FF;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
    background-color: #6495ed;
}
.Menutab
{
    padding: 15px 1px 0px 0px;
    text-align: center;
}
.Menutab a:link, .tab a:visited, .tab a:hover
{
    text-decoration: none;
    color: #333333;
}
.MenutabPage /* If the area beneath the tab strip needs to have a box defined, use this style in the <td> */
{
    border: solid 1px #c0cbb6;
    vertical-align: top;
}

.MenutabItem
{
    color: #000066;
    padding: 3px 3px 3px 3px;
    border-top: solid 1px gainsboro;
    border-left: solid 1px gainsboro;
    border-right: solid 1px darkgray;
    border-bottom: solid 1px #d9ebf7;
    background-color: #BEBFC0;
    font-family: Verdana;
}

.MenutabSelected
{
    color: #ffffff;
    border-style: outset;
    border-bottom: solid 1px #b8d8de;
    background-color: #5481B1;
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana;
    white-space: nowrap;
}

.MenutabHover
{
    border-style: outset;
    border-bottom: solid 1px #ccd9c0;
    background-color: #8DC1CB;
    font-family: Verdana;
}

.MenutabItem1
{
    color: #CCE6FF;
    padding: 3px 3px 3px 3px;
    border-top: solid 1px gainsboro;
    border-left: solid 1px gainsboro;
    border-right: solid 1px darkgray;
    border-bottom: solid 1px #F7F6F3;
    background-color: #F7F6F3;
}
.MenutabSelected1
{
    border-style: outset;
    border-bottom: solid 1px #ccd9c0;
    background-color: #e0ffff;
    font-weight: bold;
    font-size: 10pt;
    cursor: default;
    font-family: Verdana;
    white-space: nowrap;
    color: red;
}
.MenutabHover1
{
    border-style: outset;
    border-bottom: solid 1px #ccd9c0;
    background-color: #d8e1ce;
}



/*a:link
{
    text-decoration: underline;
    color: #000000;
    font-size: 12px;
}
a:visited
{
    text-decoration: underline;
    color: #000000;
    font-size: 12px;
}
a:hover
{
    text-decoration: underline;
    color: #6698CB;
    font-size: 12px;
}
a:active
{
    text-decoration: none;
    color: #A9DBEB;
    font-size: 12px;
}*/



a.toopp:link
{
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
a.toopp:visited
{
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
a.toopp:hover
{
    text-decoration: underline;
    color: #6698CB;
    font-size: 12px;
    font-weight: bold;
}
a.toopp:active
{
    text-decoration: none;
    color: #A9DBEB;
    font-size: 12px;
    font-weight: bold;
}

.toopp
{
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
.text1
{
    color: #2C5885;
    font-weight: bold;
    font-size: 12px;
}
.Textb
{
    font-weight: bold;
    color: #2C5885;
    font-size: 12px;
}

a.mmenu:link
{
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
a.mmenu:visited
{
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
a.mmenu:hover
{
    text-decoration: none;
    color: #A9DBEB;
    font-size: 12px;
    font-weight: bold;
}
a.mmenu:active
{
    text-decoration: none;
    color: #A9DBEB;
    font-size: 12px;
    font-weight: bold;
}

.input2
{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    font-size: 12px;
    border-color: #cccccc;
    background-color: #efefef;
}

.t01 td
{
    font: 12px;
    color: #ff0000;
    line-height: 150%;
    font-family: Arial;
    background-color: #00CCFF;
}
.t02 td
{
    line-height: 110%;
    background-color: #D9EBF7;
}

.Table1
{
}
.table1
{
}
.td1
{
    border: 0 solid #7ca8d3;
    border-width: 0 1px 1px 0;
}
.Td1
{
    border: 0 solid #7ca8d3;
    border-width: 0 1px 1px 0;
}
.tdss
{
    background-color: #b8d8de;
    border: 0 solid #7ca8d3;
    border-width: 0 1px 1px 0;
}
.tds
{
    background-color: #d9ebf7;
    border: 0 solid #7ca8d3;
    border-width: 0 1px 1px 0;
}
.H1tr
{
}
.input-name
{
    padding-right: 5px;
}
.input-value
{
}

.toptr
{
    background-color: #A2CCD5;
    line-height: 110%;
}



/****************************************************/
/*              iframe for date calendarpopup       */
/****************************************************/
.Iframe_Date
{
    position: absolute;
    z-index: 1;
    display: none;
}

/****************************************************/
/*              Home Page Style 
		Added by Jacky Qiu
		Date: 06/28/2007
      */
/****************************************************/
.TextHead
{
    color: #009933;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    vertical-align: middle;
}
.TextAboutUs
{
    font-family: Verdana,Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
}
.TextTech
{
    font-family: Verdana,Geneva, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 13px;
}
.Desc
{
    color: #009933;
    font-family: Verdana,Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.LabelText
{
    color: Black;
    font-family: Verdana,Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.LabelText2
{
    color: Black;
    font-family: Verdana,Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

/****************************************************/
/*              Link Style 
		Added by Jacky Qiu
		Date: 06/29/2007
      */
/****************************************************/
/*a:link { color: Black; text-decoration: underline}
a:visited { color: Black ; text-decoration: underline}
a:hover { color: red; text-decoration: none}
*/


/****************************************************/
/*              MainPage Style 
		Added by Jacky Qiu
		Date: 06/29/2007
      */
/****************************************************/
.MainPage_Table
{
    width: 100%;
    height: 100%;
    text-align: center;
}
.UC_TBCell
{
    text-align: left;
}
/****************************************************/
/*              ViewUC Style 
		Added by Jacky Qiu
		Date: 06/29/2007
      */
/****************************************************/
.ViewUCform-body
{
    padding: 2px;
    border: 0px;
    text-align: left; /*background-color:#FFFFFF;*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#DFE5EA,   endColorStr=#A5B2C6,   gradientType=1 );
}
.ViewUCcontrol-headtitle
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #009933;
    text-align: left;
}
.ViewUCTBCellLabel
{
    width: 25%;
    text-align: left;
}
.ViewUCTBCellControl
{
    width: 75%;
    text-align: left;
}
.ViewUCControl
{
    width: 350px;
    ForeColor: "Navy";
}
.View_Button
{
    text-align: center;
}

/****************************************************/
/*              EditUC Style 
		Added by Jacky Qiu
		Date: 06/29/2007
      */
/****************************************************/
.EditUCform-body
{
    padding: 2px;
    border: 0px;
    text-align: left; /*background-color:#FFFFFF;*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#DFE5EA,   endColorStr=#A5B2C6,   gradientType=1 );
}
.EditUCcontrol-headtitle
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #009933;
    text-align: left;
}
.EditUCTBCellLabel
{
    
    text-align: left;
}
.EditUCTBCellControl
{
    
    text-align: left;
}
.EditUCControl
{
    
    ForeColor: "Navy";
}
.EditUC_Button
{
    text-align: center;
}
/****************************************************/
/*              MainUC Style 
		Added by Jacky Qiu
		Date: 06/29/2007
      */
/****************************************************/
.MainUC-Table
{
    
    text-align: left;
}
.MainUC-Search
{
    text-align: left;
}
.MainUC-DataPager
{
    text-align: left;
}
.MainUC-GridView
{
    /*FILTER:   progid:DXImageTransform.Microsoft.Gradient(startColorStr=#DFE5EA,   endColorStr=#A5B2C6,   gradientType=1 );*/
}
.MainUC-GridView-urlItem
{
    word-break: break-all;
    width: 100px;
}

/****************************************************/
/*              SearchUC Style 
		Added by Jacky Qiu
		Date: 06/29/2007
      */
/****************************************************/
.SearchUCform-body
{
    padding: 2px;
    border: 0px;
    text-align: left; /*background-color:#FFFFFF;*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#DFE5EA,   endColorStr=#A5B2C6,   gradientType=1 );
}
.SearchUCcontrol-headtitle
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #009933;
    text-align: left;
}
.SearchUCTBCellLabel
{
    
    text-align: left;
}
.SearchUCTBCellControl
{
    
    text-align: left;
}
.SearchUCControl
{
    
    ForeColor: "Navy";
}
.SearchUC_Button
{
    text-align: center;
}

/****************************************************/
/*              Application form Style 
		Added by Jacky Qiu
		Date: 06/29/2007
      */
/****************************************************/
.ApplicationTitle
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #009933;
    text-align: left;
}

/****************************************************/
/*              Head picture Style 
		Added by Jacky Qiu
		Date: 07/02/2007
      */
/****************************************************/
.HeadUPPicture
{
    vertical-align: bottom;
}
.HeadDownPicture
{
    vertical-align: top;
}


/*****************************live link********************/
/*
	DEFAULT LIVELINK STYLESHEET
	
*/

/* ---------------------------  ALL LIVELINK STYLES  ---------------------------- */


/*
	Defines the style to apply by default to all links.
	
	Use with:
		none, this is applied to the tag
*/
a {
		color:				#05447e;
		font-size:			11px;
}

/*
	Defines the style to apply by default to all links when the cursor hovers over the link.
	
	Use with:
		none, this is applied to the tag
*/
a:hover, a:link, a:visited {
		color:				#05447e;
}

a:hover, a:active {
		font-style: 		normal;
		text-decoration: 	underline;
		 color: 			#981b1e;
}


/*
	The default style that is applied to the <BODY> tag.
	
	Use with:
		none, this is applied to the tag '<BODY>'
*/
body { 
		font-family: 			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 				11px;
		margin:					0px;
		background-color:		#ffffff;
}

TABLE { 
		font-family: 			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 				11px;
}

.header TABLE { 
		font-family: 			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 				11px;
}

h2	{
		font-family: 			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:				12px;
}

.tightTable
{
	border:		0px;
	padding:	0px;
	margin:		0px;
}

/*
 *	Emphasized text.
 *
 *	See use in:
 *		notify/nspecificnode.html
 */
.important {
		font-weight:			bold;
}

/*
 *	Emphasized text, though not as emphasized as the 'important' class.
 *
 */
.stressed {
		font-style:			italic;
}

/*
 *	Makes an hr into a useful section divider.
 *
 *	Explanation:
 *		- border must be none for netscape or else the line has a black border
 *		- background-color controls the colour of the line in Netscape
 * 		- color controls the colour of the line in IE
 *
 *	See search pages.
 */
hr.sectionDivider { 
		border: 			none;
		background-color: 	#999999;
		color: 				#999999;
}




/* *****************  All Livelink Classes ********************** */

.tabForeground {
		background-color:	#ffffff;
}

.tabForegroundHigh {
		background-color:	#ffffff;
		height:				24px;
}

.tblBackground {
		background-color:	#999999;
}

.tblForeground {
		background-color:	#FFFFFF;
}

.labelHorizontalDivider {
		background-color:	#b4b4b4;
}

.valueHorizontalDivider {
		background-color:	#dfdfdf;
}

.pageBody { 
		background-color:	#ffffff;
		margin-top:0px;
}

TD.labelVerticalDivider {
		border-right: 		1px solid #999999;
}
.tblForeground TD, .tblForeground TH {
		padding:			5px;
}

.listTable TD, TD.listTable {
		padding:			0px;
}

.horizontalCellDivider TD, horizontalCellDivider TH, TD.cellDivider, .cellDivider {
		padding:			0px;
}

TD.browseRowDivider, .browseRowDivider {
		padding:			0px;
}

TD.labelVerticalDivider {
		padding:			0px;
}

TD.labelVerticalDividerRight {
		padding:			0px;
}

TD.valueHorizontalDivider {
		padding:			0px;
}

/*
 * This style is applied to text that is used to describe status
 * values which are "good"
 *
 * Use with:
 * <SPAN> or <TD>
 */
.statusTextGood {
		color: 			#33CC33;
}

/*
 * This style is applied to text that is used to describe status
 * values which are "bad"
 *
 * Use with:
 * <SPAN> or <TD>
 */
.statusTextBad {
		color: 			#FF0000;
}

/*
 * This style is applied to text that is used to describe status
 * values which are neither good nor bad
 *
 * Use with:
 * <SPAN> or <TD>
 */
.statusTextUnknown {
		color: 			#0000FF;
}

/*
 * This class is applied to text that is used to display log contents.
 *
 * Use with:
 * <PRE>
 *
 */
.logText {
}

/**
 * Used to format descriptive text under configuration names.
 *
 * Use with:
 * <SPAN>
 *
 * See:
 * websovmgmt/smconfig.html
 */
.smallDescriptiveText {
		font-family: 	Arial,Helvetica,sans-serif;
		font-size: 		10px;
}

/*
 * A wide bar that has text in it labelling a section of the page.
 *
 * Use with:
 * <TR>
 */
.adminSectionBar {
		background-color:	#999999;
		color: 				white;
		width: 				100%;
		text-align:			center;
}

/*
 * A tall, narrow bar used on the left side of a set of rows to mark
 * them as a section.
 *
 * Use with:
 * <TD>
 */
 .verticalSectionBar {
	 	background-color: 	#999999;
		color: 				white;
		text-align: 		center;
}


/*
 *	This class is applied to text that might come before a series of labels
 * 	explaining their use, etc.
 *	
 *	Use with:
 * 		<SPAN> or <TD>
 */
.explanatoryText {
		font-size:			11px;
		color:				#000000;
}


/*
 *	This class is applied to text that is displayed on the pages that takes time to process
 *
 * Use with:
 * <TD>
 */
.messageWait {
		font-size:				11px;
		font-weight:			bold;
		text-align:				center;
}

/*
 * 	The right-aligned bar that contains the images and links. Found
 *	in the favorites tabs and in discussions, as well as other places.
 *
 *	Use with:
 *		<TR>
 */
.imageActionBar, .imageActionBar a {
		font-size:			10px;
}

/*
	The style to use for the label part of the label/value pair.
	
	Use with:
		<TD>
*/
.label {
		
		 
    white-space :			nowrap;
		color:					#434343;
		background-color: 		#e2e2e2;
		border-left: 			1px solid #ffffff;
		border-top: 			1px solid #ffffff;
		 padding-left:6px;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:				left;
		font-weight:			bold;
		font-size: 				11px;
}

.tdValue {
		  white-space:			nowrap;
		
		border-left: 			1px solid #ffffff;
		border-top: 			1px solid #ffffff;
		 padding-left:6px;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:				left;
		
		font-size: 				11px;
}

.logoutLabel TD {
		text-align:				center;
		font-weight:			bold;
		font-size: 				11px;
		padding-top:			20px;
		padding-bottom:			20px;
		padding-right:			8px;
		padding-left:			8px;
		white-space:			nowrap;
}

.darkColumnLabel {
		background-color:		#999999;
		text-align:			center;
		color:				white;
		font-size: 			11px;
}

.columnLabel {
		background-color:		#cccccc;
		text-align:			center;
		color:				black;
		font-size: 			11px;
}

/*
	Changes the style of editable input text

	Use with:
		<INPUT TYPE="TEXT" ... >
		<TEXTAREA ... >
*/
.valueEditable {
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:		 		11px; 
		font-weight:	 		normal;
		
		
		
}

/*
	Defines the style of static text next to the label. The second part of the label/value pair.
	
	Use with:
		All input types other than "TEXT"
		In some cases it may be used as the class for the enclosing table division (<TD>), this is
		useful when you have multiple elements with static text and a single label, e.g. several radio
		buttons.
*/
.valueStatic {
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:		 		11px; 
		font-weight:	 		normal;
}

/*
 * 	These classes are used to make a thin divider horizontally.
 *
 * Use with:
 *		<TD>
 */
.lightHorizontalDivider {
	background-color:			#cccccc;
}

.horizontalDivider, .heavyHorizontalDivider {
	background-color:			#666666;
}

.boxTitleBar 
{
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:		bold;
		font-size:			12px;
		color:				#666666;
		background-image:	url( 'header-gray.gif' );
		background-repeat:	repeat-x;
		text-align:			left;
		padding:			3px;
		padding-left:		10px;
}

.buttonBar
{
	background-image:	url( 'header-gray.gif' );
	background-repeat:	repeat-x;
	height:				18px;
	text-align:			center;
	padding:			5px;
}
		
/*
	This class defines the style to use with general buttons.
	
	Use with:
		<INPUT TYPE="BUTTON">
*/
.button {
		color:				#000000;
		font-size: 			10px;
}

/*
	This class defines the style to use with save and apply buttons.
	
	Use with:
		<INPUT TYPE="BUTTON">
		<INPUT TYPE="SUBMIT">
*/
.saveButton, .applyButton {
		color:				#000000;
		font-size: 			10px;
}

/* This section is defines the style for 
   multi select buttons copy, move, delete ...
*/

.multiButton{
	 font-size:10px;
	 font-family:				tahoma;
	 padding-left: 				21px;
	 border-left:1px solid 		#B7B7B7;
	 border-top:1px solid 		#B7B7B7;
	 border-right:1px solid 	#999999;
	 border-bottom:1px solid 	#999999; 
	 background-color: 			#EFEFEF;
	 height: 					24px;
	 color:						#000000;	
}

/*
	This class defines the style to use with cancel, delete, and reset buttons.
	
	Use with:
		<INPUT TYPE="BUTTON">
		<INPUT TYPE="RESET">
*/
.cancelButton, .resetButton, .deleteButton {
		color:				#000000;
		font-size: 			10px;
}



/* *********************** Search Classes ****************************** */

/*
	Defines the style applied to the search bar.
	
	Use with:
		<TR>
*/
.searchBar {
		color: 					#333333;
		font-family: 				Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:	 			11px;
}


.searchBar a {  
	 	font-size: 				10px;
		font-family: 				Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:				normal; 
		color: 					#05447e;
}

.searchBar a:link, .searchBar a:visited {
		 color: 				#05447e;
		 text-decoration: 			none;
}

.searchBar a:hover, .searchBar a:active {
		 color: 				#05447e;
		 text-decoration: 			underline;
}

.searchButton {
		WIDTH: 		46px; 
		HEIGHT: 	21px;
		font-size:	10px;
}

.searchMenuSelect
{
	background-image:		url( 'searchselectbackground.png');
	color:				#000000;
	padding-left:			4px;
	padding-right:			0px;
	padding-top:			0px;
	border:				1px solid #777777;
	white-space:			nowrap;
	text-align:			left;
}


/*
 *	Class that was already in the search page.
 */
.searchBut INPUT, SELECT.searchBut  {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-style: 		normal;
		font-size: 			11px;
		color: 				#000000;
}

#searchComponent
{
	background-image: 		url( 'search-header-gray.gif' );
	background-repeat:		repeat-x;
}
/* *********************** HEADER CLASSES ***************************** */

#topComponent
{
	width:		100%;
}

/*
	Defines the style to apply to the first bit of text in the header bar.
	
	Use with:
		<SPAN>
*/
#headerTitle1 {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:		left;
		font-size:		11px;
		color:			#ffffff;
		margin-left:	7px;
}

/*
	Defines the style aplied to the second bit of text in the header bar.
	
	Use with:
		<SPAN>
*/
#headerTitle2 {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:		left;
		font-size:		14px;
		font-weight:		bold;
		color:			#ffffff;
		margin-left:	7px;
}

/*
	Defines the style aplied to the User Name in the header bar.
	
	Use with:
		<SPAN>
*/
#headerUserName {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:		center;
		font-size:		11px;
		font-weight:		bold;
		color:			#ffffff;
		padding-left:	10px;
		padding-right:	10px;
}

.headerCurrentDate {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:			center;
		font-size:			10px;
		color:				#ffffff;
}

.headerUserName {
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:		center;
		font-size:		11px;
		font-weight:		bold;
		color:			#ffffff;
		padding-left:	10px;
		padding-right:	10px;
}

.headerCurrentUser {
		font-size:			11px;
		font-weight:		bold;
}

/*
	Defines the style aplied to the Current Date in the header bar.
	
	Use with:
		<SPAN>
*/
#headerCurrentDate{	
		font-family: 	Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:			#ffffff;
		font-size:		10px;
		text-align:		center;
		padding-left:	10px;
		padding-right:	10px;
		
}


.headerBar {
}


/*
 *	A wide bar that has text in it labelling a section of the page.
 *	See the Task List browse page for an example.
 *
 *	Use with:
 *		<TR>
 */
.sectionBar {
	text-align:			left;
	background-color:	#aaaaaa;
	color:				#000000;
	width:				100%;
}



/* *********************** FOOTER CLASSES ***************************** */

/*
	Defines the style that is applied to the footer bar.
	
	Use with:
		<TABLE>
*/
.footer {
		color:			#666666;
		white-space:		nowrap;
		width:			100%;
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 		10px; 
}

#footer
{
	vertical-align:		bottom;
}

/*
 *	Defines the style to apply to the Livelink version and copyright section
 *	of the footer.
 *	
 *	Use with:
 *		<TD>
 *	
 */
.livelinkVersionAndCopyright {
		text-align:		left;
}

/*
 *	The class set on the dashboard bar when java is disabled.
 */
.dashboardNoJava {
		font-size:		10px;
}



/* ***********************  BROWSE CLASSES  ****************************** */

.browseMultiSelectColor{
		background-color:	#F8F8F8;
}

.browseRowDivider {
		background-color:	#e0e0e0;
}

.featuredItemBG {
		background-color:	#999999;
}

.featuredItemTitle, .featuredItemTitle TD, .browseBoxHeader TD, .browseBoxHeader {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:		bold;
		font-size:			12px;
		color:				#666666;
}

.featuredItems, .featuredItems TD, .featuredItems TR {
		background-color:	white;
}

.browseViewTab {
	background-color:	#D5EAFF;
	width:				1%;
	font-size:			11px;
}

/*
 * The style applied to the bar of buttons shown in the browse view and used for
 * multi-select actions.
 */
.multiButtonBar {
	background-color:		#ffffff;
}

/*
 *	The class that defines the styles for every other row of a browse view, 
 *	beginning with the first. Changes, made to anything other than the background
 *	color, should be reflected in the 'browseRow2' class. This is an odd bit of
 *	ugliness, but it's better than the alternatives.
 *	
 *	Use with:
 *		<TR>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseRow1, .browseRow1 a {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			11px; 
		color: 				#333333;
}

/*
 * We don't want to set the background-color on the anchor tags since user overrides don't
 * apply to them.
 */
.browseRow1 {
		background-color: 	#eeeeee;
		height:				24px;
}

/*
 *	The class that defines the styles for every other row of a browse view, 
 *	beginning with the second. Changes, made to anything other than the background
 *	color, should be reflected in the 'browseRow1' class. This is an odd bit of
 *	ugliness, but it's better than the alternatives.
 *	
 *	Use with:
 *		<TR>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseRow2, .browseRow2 a {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			11px;
		color: 				#333333;
}

.browseRow2
{
	height:				24px;
}
/*
 *	Use this style when a browse row isn't appropriate, but the browse item styles are. 
 *	
 *	Use with:
 *		<TD>
 *
 *	See:
 *		task/edititems.html ( Task List function menu -> Edit Items )
 *
 */
.itemRow {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 		11px; 
		font-weight: 		normal;
		color: 			#000000;
}

/* 
	Defines the styles for the table header in the list view of the browse
	and sets the defaults for links that appear in the header.
	
	Use with:
		<TR>
*/
.browseListHeader, .headerRow {
		background-image:	url( 'header-blue.gif' );
		background-repeat:	repeat-x;
		font-size: 			11px;
}

.browseListHeader a, .headerRow a {
		font-size: 		11px;
}

.browseListHeader .cellDivider {
		background-image:		url( 'table-header-divider.gif' );
		background-repeat:		no-repeat;
		width:					2px;
		height:					19px;
}

/*
 *	The style to use for the strong background color and light font color.
 *	Please do not add "width: 1%;" to this style
 *	
 *	Use with:
 *		<TD>
 *
 *	See:
 *		itemtemplate/filtering.html
 */
.columnHeaderLabel {
        white-space:        nowrap;
        background-color:   #999999;
        font-family:        Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: 		left;
		font-size: 			small;
		color: 				#ffffff;
}

/*
 *  Defines the styles to apply to the text in a header row. 
 *
 *  Use with:
 *      <TD>
 *
 *  See:
 *      itemtemplate/namesubstitution.html
 */
.browseListHeaderText {
        text-align:     left;
}

/*
 *	Defines the styles to apply to the table content with many text columns.
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		itemtemplate/namesubstitution.html
 */
.browseText {
		text-align:		left;
		font-size:		11px;
}

/*
 *	Defines the styles to apply to the name and actions items in a 
 *	browse header row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseListHeaderName {
		text-align:		left;
}

.browseListHeaderUser, .browseListHeaderActions {
		text-align:		left;
}

/*
 *	Defines the styles to apply to the date and functions items in a 
 *	browse  header row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseListHeaderDate {
		text-align:		center;
}

.browseListHeaderFunctions{
		text-align:		center;
		width:			1%;
}

/*
 *	Defines the styles to apply to the type item in a 
 *	browse header row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseListHeaderType {
		text-align:		center;
		width:			1%;
}

/*
 *	Defines the styles to apply to the size item in a 
 *	browse header row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseListHeaderSize {
		text-align:		right;
}

/*
 *	Used for the multi-select checkboxes column
 */
.browseListHeaderCheck {
		text-align:		center;
		width:			1%;
}

/*
 * The class applied to a Status column title.
 */
.browseListHeaderStatus {
		text-align:		center;
}

/*
 *	The class applied to a Status item in a browse list.
 *
 */
.browseItemStatus {
		text-align:		center;
}

/*
 * Defines the styles to apply to the location items in a 
 * browse  header row. 
 *
 * Use with:
 * <TD>
 *
 */
.browseListHeaderLocation {
		text-align: 		left;
}

.browseItemDivider {
	height:					24px;
	width:					2px;
}
/*
 * Defines the styles to apply to the location item in a 
 * browse row. 
 *
 * Use with:
 * <TD>
 *
 */
.browseItemLocation {
		text-align: 		left;
}

/*
 * Defines the styles to apply to a the header of columns containing text.
 *
 * Use with:
 * <TD>
 *
 */
 .browseListHeaderLeftText {
text-align: left;
}

/*
 * Defines the styles to apply to a the header of columns containing
popups.
 *
 * Use with:
 * <TD>
 *
 */
.browseListHeaderDropDown {
		text-align: 	center;
}

/*
 * Defines the styles to apply to a the header of columns containing
numbers.
 *
 * Use with:
 * <TD>
 *
 */
.browseListHeaderNumber {
		text-align: 	right;
}

/*
 * Defines the styles to apply to a columns containing text.
 *
 * Use with:
 * <TD>
 *
 */
.browseItemLeftText {
		text-align: 		left;
}

/*
 *	Defines the styles to apply to the Name item in a 
 *	browse row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseItemName, .browseItemUser, .browseItemActions {
		text-align:		left;
		font-size:		11px;
}

/*
 * Defines the styles to apply to the icon tags in Name item in a
 * browse row. This style causes images to be vertically centered
 * with respect to text in the line, minimizing impact on line-height.
 *
 * Use with:
 * 	   <SPAN>
 *
 * See:
 *		task/browsetasklist.html
 */
.browseInlineIcon {
		vertical-align:	middle;
}

/*
 *	Defines the styles to apply to the Name item in a 
 *	browse row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseItemNameLargeIcon {
		text-align:		center;
		font-size:		11px;
}

/*
 *	Defines the styles to apply to the area that displays the "No items to display" message for various browse views. 
 *
 */
.browseNoItems {
		background-color:	#FFFFFF;
		padding-top:		30px;
		padding-bottom:		30px;
		text-align:			center;
		color:				#888888;
		font-weight:		bold;
}

/*
 *	Defines the styles to apply to the date item in a 
 *	browse row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseItemDate {
		text-align:		center;
}

/*
 *	For Milestone Number browse only
 */
.browseItemMilestoneNumber{
		text-align:		right;
		width:			1%;
}

/*
 *	Defines the styles to apply to the functions and type items in a 
 *	browse row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseItemFunctions {
		text-align:		center;
}

.browseItemType{
		text-align:		center;
		width:			1%;
}

.browseItemCheck {
		text-align:		center;
		width:			1%;
}

/*
 *	Defines the styles to apply to the size item in a 
 *	browse row. 
 *
 *	Use with:
 *		<TD>
 *
 *	See:
 *		webnode/browseview.html
 */
.browseItemSize {
		text-align:		right;
}

.browseItemDropDown {
		text-align:		center;
}

.browseItemNumber {
		text-align:		right;
}

/* This class is used by user and group page 
 * where the search section is displayed
 */
 
.browseUserGroup {
		background-color: 		#ffffff;
		border: 				1px solid 	#cccccc;
}

/*
 *	Defines the style applied to general drop-down select boxes 
 *	
 *	Use with:
 *		<SELECT ...
 */
select {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size:			12px;
}

.navSelect, .functionSelect {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size:		11px;
}

.addItem {
		background-color:	#d7d7d7;
}

.addItemSelect {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size:			11px;
}


.addItemMenuSelect 
{
	background-image:		url( 'additembackground.png');
	color:					#000000;
	padding-left:			4px;
	padding-right:		0px;
	padding-top:			0px;
	border:				1px solid #777777;
	white-space:			nowrap;
	text-align:			left;
}

.addItemOutline {
		background-color:	#cbcbcb;
}
		
/*
 *	Defines the style that applies to items in the catalog view.
 *	
 *	Use with:
 *		<TD>
 */
.catalog, .catalog a {	
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			11px;
		font-weight: 		bold;
		color:				#333333;
}

/*
 *	Defines the style that applies to items in the subcatalog view.
 *	
 *	Use with:
 *		<TD>
 */
.subCatalog, .subCatalog a {
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 			11px;
		font-style: 		normal;}

/*
 *	Defines the style that applies to links with the mouse over them in the subcatalog view.
 *
 *	Use with:
 *		<TD>
 */
.subCatalog a:hover {
		color: 				#cc0000; 
}

/* **************************  TAB CLASSES  ******************************** */


/*
 *	Defines the styles to apply to the table that contains all the content between 
 *	the tab row and the footer in the info tab display.
 *	
 *	Use with:
 *		<TABLE>
 */
.infoTable {
		width:				100%;
}

/* 
 *	The style for the selected tab in the tabbed views 
 *	
 *	Use with:
 *		<TD>
 *		
 *	Includes:
 *		NOWRAP ALIGN="CENTER" VALIGN="BOTTOM"
 */
.selectedTab {
		text-align:			center;
		font-style: 		normal;
		text-decoration: 	none;
		font-size: 			11px;
		color: 				#333333;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: 		bold;
}

/* 
 *	The style for the other, unselected tabs in the info tab view 
 *	
 *	Use with:
 *		<TD>
 */
.unselectedTab, .unselectedTab a:link, .unselectedTab a:visited {
		text-align:			center;
		font-style: 		normal;
		text-decoration: 	none;
		font-size: 			11px;
		color: 				#05447e;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: 		bold;
}

.unselectedTab a:hover, .unselectedTab a:active {
		text-align:			center;
		font-style: 		normal;
		text-decoration: 	underline;
		font-size: 			11px;
		color: 				#05447e;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: 		bold;
}

/* ************************** Error Classes ********************************** */

/*
 *	This class is applied to the table that shows the error messages.
 *	
 *	Use with:
 *		<TD>
 */
.errorBox {
		background-color:	#ffffff;
		font-family: 		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-style: 		normal;
		font-size: 			16px;
		font-weight: 		bold;
		color: 				#000000;
}


/* ************************** Login Page Classes ****************************** */

.loginLabel {
		text-align:		right;
		font-size:		11px;
		color:			#333333;
}

/* ************************** Multiselect Classes *************************** */

/*
 *	The class set on the header row for the multiple item operation listing
 *
 * 	Use with:
 *		<TR>
 */
.multiHeaderRow {
		font-size:		11px;
		color:			#000000;
		background-color:	#CC9999;
}


/*
 *	The class set on every other row of items, starting with the first in the multiple item operation listing
 *
 * 	Use with:
 *		<TR>
 */
.multiRow1 {
	background-color:		#FFCCCC;
}

/*
 *	The class set on every other row of items, starting with the second in the multiple item operation listing
 * 	Use with:
 *		<TR>
 */
.multiRow2 {
}

/*
 *	The class set on the header row for the sub folders in the multiple item operation listing
 *
 * 	Use with:
 *		<TR>
 */
 
.subFolderDivider {
	background-color:			#cccccc;
	height:						18px;
	text-align:					center;
	padding:					5px;
}

/* ********************************* Task Classes ************************************ */
.currentMilestone {
		background-color:	#ffff66;
		font-weight:		bold;
}

.late, .error {
		color:			#FF0000;
}

.percentBar {
		background-color:	#009900;
}

.percentBarLate {
		background-color:	#FF0000;
}

/* ************************** Categories Classes **************************** */
/*
 *	The style to use on the table that contains the attributes header for a given category.
 *	
 *	Use with:
 *		<TR>
 */
.attrHeader {
		text-align:		left;
		background-color:	#999999;
		color:			#ffffff;
}

/*
 *	The little shadow below the Categories header.
 *
 *	Use with:
 *		<TR>
 */
.attrHeaderDrop {
		background-color:	#440044;
}

/*
 *	The styles for the selected category name that is displayed in the header row.
 *
 *	Use with:
 *		<SPAN>
 */
.selectedCategory {
		font-weight:		bold;
		color:				#666666;	
}

.attrActionImage {
		padding:				2px;
}


/* *************************************** Web Attribute ******************************* */

/*
 *	The class applied to the table of attributes that is displayed when one edits or
 *	views a category node.
 *
 *	Use with:
 *		<TABLE>
 */
.attrTable {
		background-color:	#999999;
}

/*
 *	When viewing or editing a category node, this bar is displayed at the top of the table.
 *
 *	use with:
 *		<TR>
 */
.editCategoryTitleRow {
		color:				#666666;
		background-color:	#cccccc;
		font-weight:		bold;
}

/*
 *	When viewing or editing a category node, this bar is displayed at the top of the table.
 *	This class is applied to the tile section of that bar.
 *
 *	Use with:
 *		<TD>
 */
.editCategoryHeaderRow {
		color:			#ffffff;
		font-weight:		bold;
}

/*
 *	The label of an attribute when viewing a category.
 */
.attrLabel {
		color:			#ffffff;
		font-size:		smaller;
}

.containerAttributeHeader {
		width:					15%;
		white-space:			nowrap;
		color:					#434343;
		background-color: 		#cccccc;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:				left;
		font-weight:			bold;
		font-size: 				15px;
}

.unlockedContainerAttributeHeaderRow TD {
		width:					15%;
		white-space:			nowrap;
		color:					#434343;
		background-image:		url( 'fon-table-header-blue.gif');
		background-repeat:		repeat-x;
		border-left: 			1px solid #ffffff;
		border-top: 			1px solid #ffffff;
		border-right: 			1px solid #999999;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:			bold;
		font-size: 				11px;
}

/*
 *	This is the background-color of the specific attributes when they are displayed
 * 	when a user views a category.
 *
 *	You will likely want the background color to be the same as the background color 
 *	of your <BODY> tag.
 *
 */
.specificAttrTable {
		background-color:	#ffffff;
		width:				100%;
}

.specificAttrTable.attributeRow TD, 
.specificAttrTable.containerAttributeHeader, 
.specificAttrTable.unlockedContainerAttributeHeaderRow {
		padding:			5px;
}

/*
 * This style is applied to the box that allows the removal or
 * addition of rows to an attribute set.
 */
.addDeleteBox {
		text-align:			center;
}

/************************* icon picker ********************/

/*
 * This style is applied to the icon picker page for selected icon
 *
 */
.selectedIcon {
		background-color:		#FFFFCC;
		text-align:			center;
}

/*
 * This style is applied to the icon picker page for unselected icon
 *
 */
.unselectedIcon {
		text-align:			center;
}

/* ************************** Channel ************************* */

.newsText {
		font-size:			11px;
}

.headline {
		font-weight:			bold;
		font-size:			larger;
}

.byline {
		font-style:			italic;
}

.newsSummary {
		font-size:			smaller;
}

.newsSummaryDate { 
		font-style:			italic;
}

.newsSummaryName {
}

/*
 * This style is applied to the news row
 *
 */

.newsHeaderRow {
		background-color: 		#e2e2e2;
}

.channelRow TD 
{
		background-image:		url( 'fon-table-header-blue.gif' );
		background-repeat:		repeat-x;
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:				11px;
		font-weight:			bold;
}

/* *************************************** Users ************************ */

/*
 * Use for options that are not available.
 */
.notAvailable, .notAvailable a {
		color:				#999999;
}

.note {
		color:				#0000cc;
}

.ugSearchWords, .groupPaneTitles {
		font-size:			10px;
		font-weight:			bold;
}

/* ******************************** Location Display ********************** */

.locationDisplayTrail, .locationDisplayDropdown {
	background-color:	#e9e9e9;
}

.locationDisplayDropdown SELECT {
	font-size:			11px;
}

.locationDisplayTrailTerminalElement, .locationDisplayTrailNonterminalElement {
	white-space:		nowrap;
}

.locationDisplayTrailTerminalElement, .locationDisplayTrailTerminalElement a, .locationDisplayDDTerminalElement {
	font-weight:		bold;
}

.locationDisplayTrailPostDivide {
	font-size:				10px;
}

.locationDisplayTrailPostDivide a {
	font-size:				10px;
}

/* *************************************** Iconbar ************************ */

/*
 */
.iconbar, .iconbar a {
		text-align:			center;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		font-weight:		bold;
}

.icon a {
}

.iconselect	{
		background-color:		#ffffff;
		border:					1px solid #dedede;
}

/* *************************************** QuickLinks  AND Global Menus ************************ */

.quicklinkBar {
		border-bottom:			1px solid #ffffff;
	 	background-color:		#eeeeee;
}
 
 /*
 *
 */
.quickLinkBottom {
		border-top:			1px solid #ffffff;
 }
  /*
 *
 */
.quickLinkBarDivider {
	 	background-color:	#ffffff;
		border-right:		1px solid #eeeeee;
 }
 
 .quicklink 
 {
	 	background-color:	#eeeeee;
 }
 
.quickLink a:visited, .quickLink a:link {
		font-size:			10px;
		font-weight:		normal; 
		text-decoration: 	none;
		color:				#05447e;
}

.quickLink a:hover,.quickLink a:active {
		font-size:			10px;
		font-weight:		normal; 
		text-decoration: 	underline;
		color:				#05447e;
}

a.globalMenu:link, a.globalMenu:visited {
		font-style: 		normal;
		text-decoration:	none;
	 	font-size: 			10px;
		color: 				#05447e;
		white-space:		nowrap;
}

a.globalMenu:hover, a.globalMenu:active {
		font-style:	 		normal;
		text-decoration: 	none;
		font-size: 			10px;
		color: 				#ff0000;
}


/* *************************************** Reports for Notification ************************ */

/*
 *	Main header for the section
 */
.notificationHeader, .notificationHeader a {
		text-align:		left;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:		11px;
		font-weight:		bold;
}

/*
 *	Second header for the section
 */
.notificationSecondHeader, .notificationSecondHeader a {
		text-align:		left;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:		11px;
}

/*
 *	Background color for second header
 */
.notificationSecondHeaderBg {
		background-color:	#fff2eC;
}

/* *************************************** Wizard ************************ */

/*
 *	Active step fonts
 */

.wizardActiveStep {
	color: #000000;
	font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
	font-weight:		bold;
}

/*
 *	Inactive step fonts
 */
.wizardInactiveStep {
	color: 				#7a7a7a;
	font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
}

/* *************************************** DHTML Menu Support ************************ */
.MenuTD {
	background-image:url('../img/global-menu-bg.gif');	
		background-repeat:		repeat-x;
		
}
.WelcomeTD
{
	background-image:url('../img/global-menu-welcome.gif');	
		background-repeat:		repeat-x;
}
.menu
{
		/*visibility: 		hidden;*/
		z-index: 			1;
		/*position:	 		absolute;*/
		left:				0px;
		background-color: 	#aaaaaa;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		padding:			1px;
		border-top:			1px solid #ffffff;
		border-left:		1px solid #ffffff;
		text-align:			right;
}

.functionMenuDiv
{
	visibility: hidden; 
	position: absolute;
	text-align: left; 
}

#functionMenuParent
{
	visibility:		hidden;
	position: 		absolute;
	top: 			0px;
	left: 			0px; 
	bottom: 		auto;
	right: 			auto;
	text-align: 	left;
}

#bridgeFrame
{
	width: 0px; 
	height: 0px; 
	z-index: 0; 
	visibility: hidden;
}

.functionMenu
{
		z-index: 			1;
		position:	 		absolute;
		background-color: 	#aaaaaa;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		padding:			1px;
		border-top:			1px solid #ffffff;
		border-left:		1px solid #ffffff;
}
.mainMenu
{
	width:100px;
	padding-left:5px;
	text-align:left;
}
.menuItem
{
		font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:				11px;
		color:					#000000;
		padding:				4px;
		padding-left:			4px;
		font-weight:			normal;
		background-color: 	#fff;
		border-right:			1px solid #ffffff;
		white-space:			nowrap;
		text-align:left
}

.menuItemWithSubmenu
{
		background-image: 	url( submenuarrow.gif );
		background-repeat: 	no-repeat;
		background-position: 95% 50%;
		padding-right: 		12px;
}

.menuItemMore
{
		background-image: 	url( submenuarrow-down.gif );
		background-repeat: 	no-repeat;
		background-position: 95% 50%;
		padding-right: 		12px;
}

.menuItemLess
{
		background-image: 	url( submenuarrow-up.gif );
		background-repeat: 	no-repeat;
		background-position: 95% 50%;
		padding-right: 		12px;
}

.menuItemHover
{
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		background-color:	#b3d7e3;
		padding:			4px;
		padding-left:		4px;
		color:				#000000;
		cursor:				default;
		border-right:		1px solid #ffffff;
		white-space:		nowrap;
		font-weight:		normal;
		text-align:left
}

.menuDivider
{
		background-color: 	#999999;
		border-top:			1px solid #eeeeee;
}

.lastItemHilite
{
	background-color: 	#eeeeee;
}

.menu a, .functionMenu a, .subMenu a
{
		text-decoration:	none;
		font-weight:		normal;
		color:				#000000;
}

.menu a:hover, .functionMenu a:hover, .subMenu a:hover, .menuItemHover a, .menu a:visited, .functionMenu a:visited, .subMenu a:visited
{
		text-decoration:	none;
		color:				#000000;
		cursor:				default;
}

.subMenu
{
		background-color: 	#eeeeff;
		z-index: 			2;
		visibility:		 	hidden;
		position: 			absolute;
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		left:				2px;
		border: 			1px solid #999999;
}

.selectMenu
{
	background-color:		#ffffff;
	color:					#000000;
	padding-left:			4px;
	padding-right:			0px;
	padding-top:			0px;
	border:				1px solid #777777;
	white-space:			nowrap;
	text-align:			left;
}

.menuSpacer
{
	width:					50px;
	height:					1em;
}

.selectTitle
{
	color:					#000000;
	text-decoration:		none;
	white-space:			nowrap;
	padding-right:		3px;
	border-right:			1px solid #999;
}

.selectTitle a, .selectTitle a:hover, .selectTitle a:visited
{
	color:					#000000;
	text-decoration:		none;
}

.selectTitle a:hover
{
	color:					#f00;
}

.selectArrow
{
	padding:				0px;
	margin:					0px;
}

/* special settings for the location drop down menu */
#LocationSelectTitle 
{
	font-weight:			bold;
	background-color:		#fff;
	border-right:			1px solid #999;
	padding-right:		6px;
}

/* special setting for the location drop down menu */
.locationMenu
{
	background-color:		#fff;
	color:					#000000;
	padding-left:			4px;
	padding-right:		0px;
	padding-top:			0px;
	border:				1px solid #999;
	white-space:			nowrap;
	text-align:			left;
}

.locationMenu .menuItem, .locationMenu .menuItemHover
{
	padding-right:		6px;
}

.newsTicker
{
	position:				relative;
	height:					15px;
	overflow: 				hidden; 
}

.newsItem
{
	position:				absolute;
	white-space:			nowrap;
	height:					11px;
	padding:				1px;
}

.newsSource
{
	position:				relative;
}

/* ============================================================= */

.itemCol1
{
	float: left;
	width: 50%;
}

.itemCol2
{
	float: right;
	width: 49%;
}

.smallItem
{
	padding: 4px 0px;
}

/************************* Rounded Rectangle Classes **************************/

/*
 *	These classes are used to render rounded rectangle backgrounds of any color.  They employ 4x4 white triangle images
 *	with transparent backgrounds to affect the "rounded" corner.  For an example of their usage, see WebDoc's
 *	overview.html.
 *
 *	As of version 1.0.7, Firefox only renders a table cell's background image if the cell has content (and the content's
 *	dimensions must be large enough to render the entire background image), so an <IMG SRC="`.Img()`spacer.gif" WIDTH="4"
 *	HEIGHT="4"> must be placed within the <TD>.  IE 6 honors the class width and height, but is unaffected by the
 *	Firefox-required spacer.
 */

.cornerTopLeft
{
	background-image: url( cornertopleft.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
}

.cornerTopRight
{
	background-image: url( cornertopright.gif );
	background-position: top right;
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
}

.cornerBottomLeft
{
	background-image: url( cornerbottomleft.gif );
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
}

.cornerBottomRight
{
	background-image: url( cornerbottomright.gif );
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 4px;
	height: 4px;
}

/* *************************************** Personal Staging ************************ */

.dragAndDropAlert{
		background-color:#ffffcc;
		border:1px solid #999999;
		padding:5px;
}

/*
 *	Primary/secondary action box classes
 */
.actionBox, .actionBox a
{
	background-color: #ccffff;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}

.actionBox a:hover
{
	text-decoration: underline;
}

.actionBox hr {
	color: #aadddd;
}

.actionBox .smallText, .actionBox .smallText a {
	font-weight: normal;
}

.secondaryActionBox
{
	background-color: #dddddd;
}

.secondaryActionBoxLink, .secondaryActionBoxLink a
{
	background-color: #dddddd;
	text-decoration: none;
}

.secondaryActionBoxLink a:hover
{
	text-decoration: underline;
}

/*
 *	Action button classes
 */
.buttonLeft
{
	background-image: url( buttonleft.gif );
	background-position: center right;
	background-repeat: no-repeat;
	width: 8px;
	height: 25px;
}

.buttonCenter, .buttonCenter a, .buttonCenter a:visited
{
	background-image: url( buttoncenter.gif );
	background-position: center;
	background-repeat: repeat-x;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.buttonCenter a:hover
{
	color: #981b1e;
	text-decoration: underline;
}

.buttonRight
{
	background-image: url( buttonright.gif );
	background-position: center left;
	background-repeat: no-repeat;
	width: 8px;
	height: 25px;
}

/****** Modal Popup****/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:-1;
} 
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	z-index:999

}
.popupTitle
{
   text-align: left; 
   background-color: #1d78d1;
   cellpadding:0;
   cellspacing:0;
   background-image:url('../images/red-arrow.jpg');
}

.popupHint
{
   color:White;
   font-weight:bold;
   font-size:14px;
}
.listDisplay
{
	color:White;
   font-weight:bold;
   font-size:14px;
}
/****** end of Modal Popup****/


/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.validatorCalloutHighlight 
{
    background-color: lemonchiffon; 
}

.ProductTitle 
{
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:		bold;
		font-size:			12px;
		color:				#000000;
		text-align:			left;
}

.ProductDetailHead 
{
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:		bold;
		font-size:			11px;
		color:				#000000;
		text-align:			left;
}

.ProductDetail 
{
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		color:				#000000;
		text-align:			left;
}
.ProductDetailRed 
{
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			11px;
		color:				#ff0000;
		text-align:			left;
}

.NormalTextRed 
{
		font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:			10px;
		color:				#999999;
		text-align:			left;
}
.listPrice {
	MARGIN-TOP: 6px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000; TEXT-ALIGN: center
}
.wrapme
{
   word-wrap: break-word;
}
.gvTextStyle
{
	
	font-weight:normal;
	font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#000000;
	text-align:			left;
	text-decoration:none
}

.CatHeader {color:#666666; font-size:11px; font-family:verdana; font-weight:normal; border:none; white-space:normal; margin:0; padding:0; background-image:none;font-weight:bold;}
.CatHeader a:active {color:#666666; font-size:11px; font-family:verdana; font-weight:normal; border:none; white-space:normal; margin:0; padding:0; background-image:none;font-weight:bold;}
.CatHeader a:visited {color:#666666; font-size:11px; font-family:verdana; font-weight:normal; border:none; white-space:normal; margin:0; padding:0; background-image:none;font-weight:bold;}