/* ************************************************************************************ */
/*  This file userControls.css contains all of the main css features that are shared throughout 
	the custom user controls. Each class follows an organization methodology of construction to 
	keep consistanscy and allow for easier reading.

Example:
className
{
	1. Layout Attributes;

	2. Color Attributes;

	3. Typography Attributes;

}


*/

..col
{
padding-right:10px;
padding-left:50px;
}

/*********************************************************************************************/
/* Component Art - User Control - Menu - Top Web Nav */
/*********************************************************************************************/
.StaticWebTopGroup
{
    /*background-image: url(/images/StaticWebMenu/top_nav_Bg.gif); */
    background-color: #F5F5F5;
    cursor: default;
}

.StaticWebMenuGroup
{
    /* background-image: url(/images/StaticWebMenu/top_nav_Bg.gif); */
    background-color: #6B6B6B;
    cursor: default;
}

.StaticWebTopMenuItem
{
    background-image: url(../images/StaticWebMenu/bg_top_nav.gif);
    background-color: #F5F5F5;
    color: #6B6B6B;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 13px;
    font-weight: bold;
    cursor: default;
}

.StaticWebTopMenuItemHover
{
    color: #F5F5F5; /*background-image: url(/images/StaticWebMenu/top_nav_Bg.gif);        background-color:#757495; */
    background-color: #6B6B6B;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 13px;
    font-weight: bold;
    cursor: default;
}

.StaticWebMenuItem
{
    color: #F5F5F5;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 13px;
    cursor: default; /* background-image: url(/images/StaticWebMenu/top_nav_Bg.gif); */
    background-color: #6B6B6B;
}

.StaticWebMenuItemHover
{
    text-decoration: underline;
    color: #F5F5F5;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 13px;
    cursor: default; /* background-image: url(/images/StaticWebMenu/top_nav_Bg.gif); */
    background-color: #6B6B6B;
}

.StaticWebMenuItemExpanded
{
    color: #F5F5F5;
    background-color: #6B6B6B;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 13px;
    cursor: default;
}

.StaticWebMenuItemActive
{
    color: #333333;
    font-family: tahoma;
    font-size: 13px;
    cursor: default;
}

.StaticWebMenuBreak
{
    background-color: silver;
    width: 100%;
    height: 2px;
}

.StaticWebScrollItem
{
    text-align: center;
    cursor: default;
}

.StaticWebScrollItemH
{
    text-align: center;
    cursor: default;
}

.StaticWebScrollItemA
{
    text-align: center;
    cursor: default;
}
/*********************************************************************************************/
/*  BEGIN - ASP.NET - User Control - Login  */
/*********************************************************************************************/


.LoginTable
{
    text-align: left;
    width: 230px;
}

.LoginLabels
{
}

.ErrorTextTables
{
    color: Red;
}
.LoginButton
{
    background-image: url(../images/top_group_bg.gif);
    background-repeat: repeat-x;
    color: #666666;
    font-size: 10pt;
    width: 110px;
}

/*********************************************************************************************/
/* BEGIN - News Conrol - Side Bar */
/*********************************************************************************************/

/*
.NewsPanel
{
	padding-left: 8px;
}
.NewsHeader1
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-weight: bold;
	font-size: 1.4em;
	color: #666666;
	border-top: solid 1px #B4B4B4;
}
.NewsHeader2
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-weight: bold;
	font-size: 9px;
	color: #666666;
}
.NewsText
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9px;
	color: #9B9A9A;
}
.NewsSummary
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-style: italic;
	font-size: 9px;
	color: #666666;
	padding-left: 2px;
}
.NewsLink
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9px;
	color: #1E0EA5;
	padding-left: 2px;
}*/
/*********************************************************************************************/
/* BEGIN -  ComponentArt - Left Nav Bar*/
/*********************************************************************************************/



.CANavBar
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
    padding: 2px;
    padding-bottom: 1px;
    cursor: default;
}

.CATopItem
{
    color: #FFFFFF;
    background-image: url(../images/navbarmenu/itemBgUse.gif);
    background-color: #757495;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #696885;
    border-bottom-color: #57566F;
    border-right-color: #57566F;
    padding-top: 4px;
    padding-bottom: 2px;
    cursor: hand;
    height: 25px;
}

.CATopItemHover
{
    color: #FFFFFF;
    background-image: url(../images/navbarmenu/itembghover_UseDark.gif);
    background-color: #8E8DA9;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #7C7C94;
    border-bottom-color: #9593B2;
    padding-top: 4px;
    padding-bottom: 2px;
    cursor: hand;
    height: 25px;
}

.CALevel2Item
{
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    padding-left: 10px;
    cursor: hand;
}

.CALevel2ItemHover
{
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    text-decoration: underline;
    padding-left: 10px;
    cursor: hand;
}

.CALevel2Group
{
    background-color: white;
    background-image: url(../images/navbarmenu/group_bg.gif);
    border-top-color: #F0F1F5;
    padding: 10px;
    padding-left: 10px;
    padding-right: 0px;
}

.CAEmpty
{
}
/*********************************************************************************************/
/*   ComponentArt - Current Project Control*/
/*********************************************************************************************/




.MenuTop
{
	width:300px;
	height:20px;
	background:#8c9cb1 url("../Images/CurrentProjectControl/horizontal-new.png") repeat-x;
	padding:2px 0 0 0;
}

.MenuTop .Item
{
	height:19px !important;
	text-align:center;
	background:none;
	color:#fff;
	padding:1px 10px;
	border:0;
	cursor:default;
}

.MenuTop .Item-h
{ 
	height:19px !important;
	text-align:center;
	background: #696885 url("../Images/CurrentProjectControl/horizontal-new-h.png") repeat-x;
	padding:0 9px;
	border:1px solid #999;
	border-color:#999 #333 #333 #999;
	color:#fff;
	cursor:default; 
}

.MenuTop .Item-a
{ 
	height:19px !important;
	text-align:center;
	background:none;
	padding:0 9px;
	border:1px solid #333;
	border-color:#333 #999 #999 #333;
	color:#fff;
	cursor:default;
}

.MenuTop .Item-e
{ 
	height:19px !important;
	text-align:center;
	background:none;
	padding:0 9px;
	border:1px solid #333;
	border-color:#333 #999 #999 #333;
	color:#fff;
	cursor:default; 
}


.Menu  
{
	border:1px solid #000;
	width:165px;
/*	background:#f6f6f6 url("../Images/CurrentProjectControl/vertical.png") repeat-y; */
	background:#666 url("../Images/CurrentProjectControl/item-left-v.png") repeat-y;
/*	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; */
/*	font-size:12px; */
	font-size:8pt;
	color:#fff;
	cursor:pointer;
	text-align:left;
}

.Menu .Item 
{ 
	width:100%;
	height:20px;
	padding-left:28px;
}

.Menu .Item-h  
{
	width:100%;
	height:20px;
	background:#fff url("../Images/CurrentProjectControl/item-left-v-h.png") repeat-y;
	padding-left:28px;
	color:#000;
}

.CurrentProjectControl
{
    background-color: White;
	padding: 3px 5px 3px 5px;
	margin: 2px 5px 3px 5px;
    border: 1px solid #919B9C;
}

.CurrentProjectControlTopMenuGroup
{
/*    background-image: url(../images/CurrentProjectControl/top_group_background.gif);*/
    background-image: url('../images/TabStrip/top_groupbg.gif');
/*    background-color: #DBD7D0; */
	background-color: #ff0000;
/*    border: 1px solid black; */
}

.CurrentProjectControlTopMenuItem
{
    color: white;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid black;
    border-left-color: #737373;
    border-top-color: #4C4C4C;
    border-bottom-color: #131413;
    cursor: default;
}

.CurrentProjectControlTopMenuItemHover
{
    color: white;
    background-color: #ff0000;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid black;
    border-bottom-color: #AAAAAA;
    cursor: default;
}


.CurrentProjectControlMenuGroup
{
	background-image: url(../images/CurrentProjectControl/group_background.gif);
	background-color: #DBD7D0;
	border: 1px solid black;
}
.CurrentProjectControlMenuGroupDisabled
{
    background-image: url(../images/CurrentProjectControl/group_background_disabled.gif);
    background-color: #DBD7D0;
    border: 1px solid black;
}
.CurrentProjectControlTopMenuItemHoverDisabled
{
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    border: 1px solid black;
    border-bottom-color: #AAAAAA;
    cursor: default;
    font-style: italic;
    color: #efefef;
    background-image: url(../images/CurrentProjectControl/group_background_disabled.gif);
}
.CurrentProjectControlMenuItemDisabled
{
    color: white;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    margin: 1px;
    cursor: default;
    font-style: italic;
    color: #efefef;
    background-image: url(../images/CurrentProjectControl/group_background_disabled.gif);
}

.CurrentProjectControlMenuItemHoverDisabled
{
    background-image: url(../images/CurrentProjectControl/group_background_disabled.gif);
    color: white;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    border: 1px solid silver;
    cursor: default;
    font-style: italic;
    color: #efefef;
    background-image: url(../images/CurrentProjectControl/group_background_disabled.gif);
}
.CurrentProjectControlMenuItem
{
    color: white;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin: 1px;
    cursor: default;
}

.CurrentProjectControlMenuItemHover
{
    background-image: url('../images/TabStrip/level2_group_bg.gif');
    background-color: #ffffff;
    color: #333333;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid silver;
    cursor: default;
}

.CurrentProjectControlMenuBreak
{
    background-image: url(../images/CurrentProjectControl/break.gif);
    width: 100%;
    height: 1px;
}
/*********************************************************************************************/
/*   ComponentArt - Active Project Control*/
/*********************************************************************************************/

.ActiveProjectTopGroup
{
    position: relative;
}

.ActiveProjectDefaultTab
{
    color: #ffffff;
    background-image: url('../images/tabstrip/top_groupBg.gif');
    background-repeat: repeat-x;
    border: 1px solid #ffffff;
    font-size: 8pt;
    cursor: pointer;
}

.ActiveProjectDefaultTabHover
{
    color: #333333;
    background-color: #e3e3e3;
    background-image: url('../images/tabstrip/level2_group_bg.gif');
    background-repeat: repeat-x;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #ffffff;
    font-size: 8pt;
    cursor: pointer;
}

.ActiveProjectSelectedTab
{
    color: #333333;
    background: #ffffff;
    background-image: url('../images/tabstrip/level2_group_bga.gif');
    background-repeat: repeat-x;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #ffffff;
    font-size: 8pt;
    cursor: pointer;
}

.ActiveProjectDefaultTabVertical
{
    color: #ffffff;
    background-image: url('../images/tabstrip/tab_vert.gif');
    background-repeat: repeat-x;
    border: 1px solid #ffffff;
    font-size: 8pt;
    cursor: pointer;
}

.ActiveProjectDefaultTabVerticalHover
{
    color: #333333;
    background-color: #e3e3e3;
    background-image: url('../images/tabstrip/tab_vert_sel2.gif');
    background-repeat: repeat-x;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #999999;
    font-size: 8pt;
    cursor: pointer;
}

.ActiveProjectSelectedTabVertical
{
    color: #333333;
    background: #ffffff;
    background-image: url('../images/tabstrip/tab_vert_sel2.gif');
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #ffffff;
    font-size: 8pt;
    cursor: pointer;
}

.ActiveProjectMultiPage
{
    background-color: White;
    border: 1px solid #919B9C;
    position: relative;
    top: -2px;
    left: 1px;
    padding: 1px;
}

.ActiveProjectSection
{
    margin: 1px;
    border: 1px solid #919B9C;
    padding-left: 2px;
    padding-right: 2px;
    float: left;
}
/* ToolBars */

.ActiveProjectitem
{
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    padding-left: 2px;
    padding-right: 6px;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    color: #666666;
    cursor: default;
}
.ActiveProjectitemHover
{
    border-width: 1px;
    border-style: solid;
    border-color: #0A246A;
    padding-left: 2px;
    padding-right: 6px;
    background-color: #B6BDD2;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    color: black;
    cursor: pointer;
}
.ActiveProjectitemActive
{
    border-width: 1px;
    border-style: solid;
    border-color: #0A246A;
    padding-left: 2px;
    padding-right: 6px;
    background-color: #8592B5;
    background-image: none;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    color: white;
    cursor: default;
}
.ActiveProjectitemChecked
{
    text-align: left !important;
    border-width: 1px;
    border-style: solid;
    border-color: #0A246A;
    padding: 1px;
    background-color: #D4D5D8;
    background-image: none;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    color: black;
    cursor: default;
}

.ActiveProjectitemDisabled
{
    text-align: left !important;
    border-width: 1px;
    border-style: solid;
    border-color: #9D9D9D;
    padding-right: 6px;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    background-color: #D4D4D4;
    color: #9D9D9D;
    cursor: default;
    background-position: right center;
}
/* Project Grid Toolbar */
.ProjectGridToolbar
{
    background-color: White;
    border: 1px solid #919B9C;
    padding-left: 5px;
    padding-top: 5px;
    margin-top: 5px;
}


.CurrentProjectStatus
{
    color: Red;
    border: 1px solid #919B9C;
    width: 99%;
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}


/* Accordian  */
.accordionHeader
{
}

.accordionHeaderSelected
{
    background: #fff;
    padding: 2px 2px 2px 2px;
    border: 1px #F5F5F5 solid;
}

.accordionContent
{
}
/*********************************************************************************************/
/*   ComponentArt - Context Menu Grid*/
/*********************************************************************************************/



.TopMenu_TopGroup
{
    background-image: url(../images/GridContextMenu/topmenu_images/topmenu_topgroup_bg.gif);
    background-position: center center;
    background-repeat: repeat-x;
    cursor: default;
    border-left: solid 1px #EAEDF7;
    border-right: solid 1px #EAEEF7;
    border-top: solid 1px #A9BFD6;
    border-bottom: solid 1px #B6BCCC;
}

.TopMenu_TopItem
{
    color: black;
    border: none;
}

.TopMenu_TopItemHover
{
    color: black;
    border: none;
    background-color: #A8D8EB;
}




.TopMenu_Group
{
    border: solid 1px #979797;
    background-image: url(../images/GridContextMenu/topmenu_images/topmenu_group_bg.gif);
    background-position: top left;
    background-repeat: repeat-y;
    background-color: #F0F0F0;
    cursor: default;
    padding: 2px;
}

.TopMenu_Item
{
}

.TopMenu_ItemHover
{
    background-image: url(../images/GridContextMenu/topmenu_images/topmenu_item_bg_hover.gif);
    background-position: center right;
    background-repeat: no-repeat;
}

.TopMenu_ItemBreak
{
    background-image: url(images/GridContextMenu/topmenu_images/topmenu_item_break_bg.gif);
    background-position: center left;
    background-repeat: no-repeat;
    line-height: 1px !important;
    height: 6px !important;
}





.MenuGroup
{
    color: black;
    background-image: url(../images/GridContextMenu/images/menu_group_bg.gif);
    background-color: #F5F5F5;
    border: 1px red solid; /*  border:1px #A9BFD6 solid;*/
    padding-left: 30px;
    cursor: default;
}

.TopMenuItem
{
    color: black;
    font-family: tahoma;
    font-size: 12px;
    border: solid 1px transparent;
    cursor: default;
}

.TopMenuItemHover
{
    background-image: url(../images/GridContextMenu/images/top_item_bg.gif);
    color: black;
    font-family: tahoma;
    font-size: 12px;
    border: solid 1px #9ADFFE;
    cursor: default;
}

.MenuItem
{
    border: 1px solid transparent;
    color: #00025C;
    font-family: tahoma;
    font-size: 11px;
    cursor: default;
}

.MenuItemHover
{
    border: 1px solid #AADAED;
    background-color: #E4F1F7;
    background-image: url(../images/GridContextMenu/images/item_bg.gif);
}

.MenuBreak
{
    width: 100%;
    height: 2px;
}
.MenuBreakContext
{
	padding:0px;
	
}



/*********************************************************************************************/
/*   ComponentArt - Office Suite MasterPage Ad Rotator for side navigation sub content*/
/*********************************************************************************************/



.RotatorFrame
{
    border: 1px;
    border-color: white;
    border-style: solid;
    height: 300px;
    width: 160px;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    background-color: white;
    cursor: default;
}

.RotatorFrameOver
{
    border: 1px;
    border-color: #666666;
    border-style: solid;
    height: 300px;
    width: 160px;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    background-color: white;
    cursor: default;
}



/*********************************************************************************************/
/*   ComponentArt - DEfault MasterPage News Rotator for side navigation sub content*/
/*********************************************************************************************/


.newsHeader
{
    background: url(../images/StaticWebMenu/top_nav_bg.gif) repeat-x;
    width: 160px;
    color: #666666;
    border: #57566F 1px solid;
    border-bottom-width: 0px;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    cursor: default;
}

.newsRotator
{
    border: solid 1px #666666;
    width: 154px;
    height: 25px;
    padding-left: 3px;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    background-color: white;
    cursor: default;
}

.newsRotatorFrame
{
    border: solid 1px white;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    background-color: white;
    cursor: default;
}

.newsRotatorFrameOver
{
    border: solid 1px #666666;
    border-bottom-color: #666666;
    border-right-color: #666666;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    background-color: white;
    cursor: default;
}

.NewsTitle
{
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    color: #666666;
}

.NewsText
{
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 10px;
    color: #666666;
}

.NewsDate
{
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 10px;
    color: gray;
}


/*********************************************************************************************/
/*   User Controls - Alerts and Messages*/
/*********************************************************************************************/

.AlertMessageContainer
{
    background: #F5F5F5;
    border: 1px solid #666;
    border-right: 1px solid #666;
    height: 215px;
    width: 300px;
}


.AlertMessageHeader
{
    background: url(../images/StaticWebMenu/top_nav_bg.gif) repeat-x;
    border-bottom: 1px solid #666;
    height: 24px;
    width: 300px;
}

.AlertMessageTitle
{
    color: #666;
    font-size: larger;
    font-weight: bold;
}


.AlertMessageBody
{
    padding: 2px;
    background: #FFE582;
    border-bottom: 1px solid #666;
    height: 135px;
    width: 296px;
}

.AlertMessageDivBody
{
    overflow: auto;
    height: 135px;
    width: 296px;
    white-space: pre;
}

.AlertMessageResponse
{
    width: 290px;
}

/*********************************************************************************************/
/*   User Controls - Pretty Form*/
/*********************************************************************************************/
.cssform
{
	    width: 500px;
    padding:  5px 5px 5px 20px;
   /* background: #fff;
    border: solid 1px #EFEEF0;
    border-bottom: solid 1px #D0CFD1;
    border-right: solid 1px #D0CFD1;*/
    }

.cssform p
{
    width: 310px;
    clear: left;
    margin: 0;
    padding: 2px 0 2px 0;
    padding-left: 155px; /*width of left column containing the label elements*/
    border-bottom: 1px dashed #bbb;
    height: 1%;
      
 

}

.cssform label, .cssform label label
{
    font-weight: bold;
    float: left;
    margin-left: -155px; /*width of left column*/
    width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssformlabel
{
    font-weight: bold;
    float: left;
    margin-left: -155px; /*width of left column*/
    width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssformlabelWide {
    font-weight: bold;
    float: left;
    margin-left: -155px; /*width of left column*/
    width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssformtextboxSingleLine
{
    /*width of text boxes. IE6 does not understand this attribute*/
    width: 180px;
}

.cssformtextboxmultiLine
{
    width: 250px;
    height: 150px;
}

.cssformPoverride
{
    width: 350px;
    clear: left;
    margin: 0;
    padding: 2px 0 2px 0;
    border-bottom: 1px dashed gray;
    height: 1%;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix
{
    margin-left: 3px;
}


/*Hover Menu*/
.popupMenu
{
    position: absolute;
    visibility: hidden;
    opacity: .9;
    filter: alpha(opacity=90);
}

.popupHover
{
    background-image: url(images/header-opened.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #F5F7F8;
}

.collapsePanel
{
    overflow: hidden;
}


/*********************************************************************************************/
/*   User Controls - Loading popup/ Mainly for grid*/
/*********************************************************************************************/



.progressBackgroundFilter
{
    position: absolute;
    height:400%;
    width:100%;
    top: 0px;
	left:0px;
	bottom:-1500px;
    overflow:  visible;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
 
    z-index: 1000;
}



.processMessage
{
    position: absolute;
    top: 50%;
    left: 43%;
    padding: 10px;
    width: 14%;
    z-index: 1001;
    background-color: #fff;
    display: table-cell;
    text-align: center;
    border: solid 1 #999;
}
/*********************************************************************************************/
/*   User Controls - Edit Project CA Tabs*/
/*********************************************************************************************/




.EditTabs
{
    background: #fff;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-weight: bold;
    cursor: default;
    border: solid 1px #EFEEF0;
    border-bottom: none;
}

.EditTabsHover
{
    color: #F5F5F5; /*background-image: url(/images/StaticWebMenu/top_nav_Bg.gif);        background-color:#757495; */
    background-color: #6B6B6B;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-weight: bold;
    cursor: default;
}
.SelectedEditTabs
{
    background: #F5F5F5;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-weight: bold;
    cursor: default;
}
.editTabForm p
{
    margin-left: 50px;
    padding-bottom: 15px;
    padding-left: 110px;
    border-bottom-style: dashed;
    border-bottom-color: #F5F5F5;
    border-bottom-width: 1px;
}
.editProjectTabImg
{
    margin-left: -130px;
    float: left;
}
.editProjectTabLabel
{
    font-weight: bold;
    width: 100px;
    margin-left: -110px;
    float: left;
}

.editProjectTabTextBox
{
    width: 100px;
    float: left;
}


.EditTabDefaultPage
{
    width: 520px;
    padding-left:10px;
}

.EditTabPage
{
    width: 100%;
    padding:  5px 5px 5px 20px;
    background:  transparent;
    border: solid 1px #EFEEF0;
    border-top: solid 0px;
    border-bottom: solid 1px #D0CFD1;
    border-right: solid 1px #D0CFD1;
}

.ProjectFolderForm
{
    
    padding: 10px;
    border: solid 1px #EFEEF0;
    border-top: solid 0px;
    border-bottom: solid 1px #D0CFD1;
    border-right: solid 1px #D0CFD1;
  	background-color:#fffde4;
}

		
#listUsers, .list_collapse
{
	margin-top:7px;
    position: absolute;
    background: #A8C5E1;   
    width: 180px;
    height: 20px;
    overflow-y: scroll;
    border: 1px solid #666;
    z-index: 10;
    padding:    0px 5px 2px 5px;
    text-align: left;
    display:block;
}

#listUsers:hover, .list_expand
{
    height: 180px;
       z-index: 100;
}

.EmptyCallBack
{
  width: 0px;
  height: 0px;
  overflow:hidden;
}
/*********************************************************************************************/
/*   User Controls - Blog Control*/
/*********************************************************************************************/

 .BlogPostTypeTitle { font-size: 1.6em;  font-weight:bold; font-style:italic; }
 .BlogStream { margin: 0px 170px 0px 0px;  }
 .BlogFeatures { width: 150px; float: right; }
 .BlogFeatures div { padding-bottom: 20px; margin-bottom: 20px; border-left: solid 1px #d3d3d3; text-align: center; }
 .BlogFeatures h1 { font-size: 16px; font-weight: bold; background: url('ContentDividerTileLight-4-14.gif') repeat-x; padding: 6px; margin: 0px 0px 10px 0px; }
 .BlogFeatures ul { list-style: none; margin: 0px; padding: 0px; }
 .BlogEntry { border-left: solid 1px #d3d3d3; margin: 0px 0px 20px 0px; }
 .BlogEntryHeader { padding: 10px 6px 6px 6px; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x; }
 .BlogEntryHeader .BlogEntryHeaderPostTitle span { font-size: 1.6em; }
 .BlogEntryHeader .BlogEntryHeaderPostDate span { font-size: 1.0em; color: #787878; }
 .BlogEntryHeader div label { display: block; float: left; width: 100px; }
 .BlogEntryBody { padding: 6px; }
 .BlogEntryFooter { background: #ffffff url('ContentDividerTileLightFlip-4-14.gif') repeat-x bottom left; padding: 6px; }
 .BlogEntryFooter .BlogEntryFooterCommands { float: left; }
 .BlogEntryFooter .BlogEntryFooterCommands a { margin-right: 10px; }
 .BlogEntryFooter .BlogEntryFooterLinks div { float: left; }
.BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksPermalink a, .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksServices a { margin-right: 10px; }
 .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksComments { display: block; float: right;  text-align: right; margin-left: 20px; }
 .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksTags { display: block; float: none;  text-align: right; }
 .BlogEntryFooter ul { padding-left: 0px; margin: 0px; list-style-type: none; display: inline; }
 .BlogEntryFooter ul li { display: inline; margin-left: 6px; }
 .BlogNavigation { margin-right: 200px; margin-top: 20px; text-align: center; }
 .BlogNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #6f5230; text-decoration: none; }


  .BlogEntry { border-left: solid 1px #d3d3d3; margin: 0px 0px 20px 0px; }
 
.BlogEntryHeader { padding: 10px 6px 6px 6px; background: #ffffff url(../images/blogcontrol/ContentDividerTileLight-4-14.gif) repeat-x; }

 .CommentsStream { margin: 0px 0px 20px 40px; }
.CommentsEntry { margin-bottom: 20px; background: #fdfcf6 url('FeatureBackgroundTile-1-119.gif') repeat-x; border-bottom: solid 1px #e1d2bd; }
 .CommentsEntryHeader { font-style:italic; margin-bottom: 10px; padding: 6px; }
.CommentsEntryBody { padding: 6px; }
.CommentsEntryFooter { padding: 6px; text-align: left; }
.CommentsAdd { border: dashed 1px #6f5230; padding: 10px; }
.CommentsAdd h1 { font-size: 16px; font-weight: bold; margin: 0px; }
.CommentsAdd div { padding: 4px; }
.CommentsAdd label { display: block; float: left; width: 150px; }
.CommentsAdd textarea { width: 99%; }
.CommentsAdd a, .CommentsCommands a { padding: 4px; border: outset 1px #d3d3d3; text-decoration: none; }