/*############  Styles for header: START ################*/

BODY{
        margin:0px;
}

.bannerSkin {
    BACKGROUND: #336666;
}

.EmailPasswordSkin
{
        color:#336666;  
        padding:5px;
        font-size:16px;
        font-weight:bold;
}

.ColorModuleHeader {
        background: #336666;
        color: #ffffff;
        font-size: 16px;
        font-family: Metric, Arial;
        font-weight:bold;
        padding-left: 10px;
        padding-right: 10px;
        height: 20px;
        vertical-align:middle;
}

.ColorModuleHeaderArrow {
        background: #336666;
        color: #ffffff;
        font-size: 16px;
        font-family: Metric, Arial;
        font-weight:bold;
        padding-left: 10px;
        padding-right: 10px;
        height: 20px;
        vertical-align:middle;
        list-style-image : url(http://portal.hpe.com/lib/navigation/images/header_arrow.gif);
}


/*Features for the outer table - Header Table*/
table.TopTableProps
{
        width:99%;
        background-color:#003366;
        margin-left:5px;
}

/* Features for the first row of the Header Table - Black*/
tr.FirstRowColor 
{
        background-color:#333333;
}

/* Features for the table in the first row of the Header Table */
table.Row1TableProps
{
        width:100%;
        padding-top:0;
        padding-bottom:0px;
}

/*Features for the texts -  "PeopleFinder", "Search" */
.LinkWhite 
{
        color:#FFFFFF;
        font-family:Metric, Arial;
        text-decoration:none;
        font-size: 16px;
}

/*Features for the texts after the links are visited-  "PeopleFinder", "Search" */
.LinkWhite:visited
{
        color:#FFFFFF;
        font-family:Metric, Arial;
        text-decoration:none;
}

.LinkWhite:hover
{
        color:#FFFFFF;
        font-family:Metric, Arial;
        text-decoration:underline;
}
.LinkWhite:link
{
        color:#FFFFFF;
        font-family:Metric, Arial;
        text-decoration:underline;
}

/*Features for the @hp symbol */
.WhiteHeaderMediumGN 
{
        font-family: Metric, Arial;
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}

.WhiteHeaderMediumGN:link
{
        font-family: Metric, Arial;
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}

.WhiteHeaderMediumGN:visited
{
        font-family: Metric, Arial;
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}
.WhiteHeaderMediumGN:hover
{
        font-family: Metric, Arial;
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: underline;
}
/*Features for the texts - "This Site", "Intranet"*/
.WhiteTextSmall 
{
        font-family:Metric, Arial;
        font-size:16px;
        font-weight:normal;
        color:#FFFFFF;
        text-decoration:none;
}

/*Features for the texts - "This Site", "Intranet" - Visited*/
.WhiteTextSmall:visited 
{
        font-family:Metric, Arial;
        font-size:16px;
        font-weight:normal;
        color:#FFFFFF;
        text-decoration:none;
}

/*Features for the texts - "This Site", "Intranet" - Hover*/
.WhiteTextSmall:hover
{
        font-family:Metric, Arial;
        font-size:16px;
        font-weight:normal;
        color:#FFFFFF;
        text-decoration:underline;
}

/*Features for the texts - "This Site", "Intranet" - Mozilla*/
html>body .WhiteTextSmall 
{
        font-family:Metric, Arial;
        font-size:16px;
        font-weight:normal;
        color:#FFFFFF;
        text-decoration:none;
}

/*Features for the texts - "This Site", "Intranet" - Visited - Mozilla**/
html>body .WhiteTextSmall:visited 
{
        font-family:Metric, Arial;
        font-size:16px;
        font-weight:normal;
        color:#FFFFFF;
        text-decoration:none;
}

/*Features for the texts - "This Site", "Intranet" - Hover - Mozilla**/
html>body .WhiteTextSmall:hover
{
        font-family:Metric, Arial;
        font-size:16px;
        font-weight:normal;
        color:#FFFFFF;
        text-decoration:underline;
}

/*Features for the White Line to draw margins*/
.BG_White_FF 
{

        background-color:#FFFFFF;
}

.BG_Banner_Line 
{

        background-color:#003366;
}

/*Features for the Textfields of PeopleFinder and Search for IE*/
.TextFields 
{
        height:18px;
        border-top-color:#666666;
        border-right-color:#CCCCCC;
        border-bottom-color:#CCCCCC;
        border-left-color:#666666;
        border-top-width:1px;
        border-right-width:1px;
        border-bottom-width:1px;
        border-left-width:1px;
        width:120px;
        font-size: 16px;
}

/*Features for the Textfields of PeopleFinder and Search for Mozilla*/
html>body .TextFields 
{
        height:20px;
        border-top-color:#666666;
        border-right-color:#CCCCCC;
        border-bottom-color:#CCCCCC;
        border-left-color:#666666;
        border-top-width:1px;
        border-right-width:1px;
        border-bottom-width:1px;
        border-left-width:1px;
        width:120px;
}

/*Features for the Navigation Buttons*/
.NavigationButtons
{
        border-top-width:1px;
        border-right-width:1px;
        border-bottom-width:1px;
        border-left-width:1px;
        border-top-color:#CCCCCC;
        border-right-color:#000000;
        border-bottom-color:#000000;
        border-left-color:#CCCCCC;
        border-top-style:solid;
        border-right-style:solid;
        border-bottom-style:solid;
        border-left-style:solid;
        font-family:Metric, Arial;
        font-weight:normal;
        background-position:center;
        margin-right:-6px;
        color:#FFFFFF;
        background-color:transparent;
}

html>body .NavigationButtons
{
        border-top-width:1px;
        border-right-width:1px;
        border-bottom-width:1px;
        border-left-width:1px;
        border-top-color:#CCCCCC;
        border-right-color:#000000;
        border-bottom-color:#000000;
        border-left-color:#CCCCCC;
        border-top-style:solid;
        border-right-style:solid;
        border-bottom-style:solid;
        border-left-style:solid;
        font-family:Metric, Arial;
        font-weight:normal;
        background-position:center;
        margin-right:-6px;
        color:#FFFFFF;
        background-color:transparent;
}

/*Features for the Quick Links drop down*/
.QuickLinks 
{
        font-family:Metric, Arial;
        margin:0px;
        padding:0px;
        background-color: #E6E6E6;
        font-weight:bold;
}
/*Features for the Radio Buttons*/
.RadioButton 
{
        width:13px;
        height:14px;
}

/*Features for the Radio Buttons - Mozilla*/
html>body .RadioButton 
{
        height:0.8em;
        width:1.0em;
}

/*Margin for Global Navigation Menu*/
.GlobalNavButtonMargin
{
        padding-left:10px;
        padding-top:6px;
        height:18px;
}

.NavigationButtons{
        font-size:16px;
}

#table_main{
        padding-left: 10px;
        font-size: 16px;
}

#header_link{
        color: rgb(255, 255, 255);
}

#header_drop_down{
        padding-right: 11px;
}

#gNQuickLinks{
        font-size: 16px;
}

#right_top_cell{
        padding-right: 10px;
}

#left_banner_skin{
        padding-top: 7px;
        text-align: right;
}

#middle_banner_skin{
        padding-right: 10px;
        padding-top: 3px;
        padding-left: 10px;
}
#lower_right_top{
        padding-right: 4px;
        padding-bottom: 2px;
}
#lower_right_bottom{
        padding-top: 5px; 
        padding-right: 4px;
}
#lower_right_field_bottom{
        padding-top: 2px;
        padding-bottom: 5px
}


.top_field_table{
        margin-bottom: -17px;
}

.top_field_tabl_2{
        margin-bottom: -10px;
}


/*############  Styles for header: END ################*/


/*############  Styles for footer: START ################*/

.footerSkin {
    padding-top:7px;
    padding-bottom:32px;
    FONT-SIZE: 16px;
    FONT-FAMILY: Metric, Arial;
         text-align: center;
}

.footerSkin A:link, .footerSkin A:visited , .footerSkin A:hover, .footerSkin A:active{
    padding-top:7px;
    padding-bottom:32px;
    FONT-SIZE: 16px;
    COLOR: #000000;
    FONT-FAMILY: Metric, Arial;
         text-align: center;
         color: black;
}

/*############  Styles for footer: END ################*/

.DeprecatedConfigsetName
{
    /* font-size: 25px; */
    font-weight: bold;
    color:Maroon;
}

.DeprecatedConfigsetContent
{
    /* font-size: 16px; */
    font-weight: bold;
    color:Maroon;
}

.metaComponentName
{
    color:Maroon;
}

.header_row
{
/*        background-color: #bd0000; */
        background-color: #614767;
        color: White;
}
.summary_row_count_label
{
/*    color: #bd0000; */
    color: #614767;
    font-weight:normal;
    font-style:italic;
}
.summary_link_label
{
    font-weight: bold;
    text-decoration: none;
}
.summary_row_0
{
        background-color:  #ffffff;
        color:  inherit;
        font-weight:normal;
}
.summary_row_0 td
{
        /*border-right: 1px solid #D0D1D1;
        border-left: 1px solid #D0D1D1; */
        padding:4px;
        white-space:normal;     
        min-width:40px;
}
.summary_row_1
{
        background-color:  #e7e7e7;
        color:  inherit;
        font-weight:normal;
}
.summary_row_1 td
{
        /*border-right: 1px solid #D0D1D1;
        border-left: 1px solid #D0D1D1; */
        padding:4px;
        white-space:normal;     
        min-width:40px;
}
.child_row_0
{
        background-color:  #D0D2B7;
        color:  inherit;
}
.child_row_0 td
{
        border-right: 1px solid #D0D1D1;
        border-left: 1px solid #D0D1D1; 
        padding:4px;
        white-space:normal;     
        min-width:40px; 
}
.child_row_1
{
        background-color:  #FFFFD3;
        color:  inherit;
}
.child_row_1 td
{
        border-right: 1px solid #D0D1D1;
        border-left: 1px solid #D0D1D1; 
        padding:4px;
        white-space:normal;     
        min-width:40px; 
}
.cell_bottom
{
        border-bottom: 1px solid #d0d1d1;
}

.cell_right
{
        border-right: 1px solid #d0d1d1;
}

.row_1
{
        background-color: #e7e7e7;
}

.row_0
{
        background-color: #ffffff;
}

.row_1 td
{
        border-right: 1px solid #D0D1D1;
        border-left: 1px solid #D0D1D1;
        background-color: #e7e7e7;      
        padding:4px;
        white-space:normal;
        min-width:40px;
}
.row_0 td
{
        border-right: 1px solid #D0D1D1;
        border-left: 1px solid #D0D1D1; 
        background-color: #ffffff;      
        padding:4px;
        white-space:normal;     
        min-width:40px; 
}





/* start: changes on August 20th 2008 by Taylor Hayward @ Raiz Labs */
.header_row{
/*        background-color: #bd0000; */
        background-color: #614767;
        color: White;
        border-left:1px solid #D0D1D1;
        
}

.header_row TH{
        padding: 4px;
        text-align: left;
/* This color is used for the headers on the pages that display config set contents */
/*        background-color: #990000; */
        background-color: #614767;
        font-weight: bolder;
        border-right: 1px solid #d0d1d1;
        border-bottom: 1px solid #d0d1d1;
        border-top: 1px solid #d0d1d1;
        color: White;
        white-space: nowrap;
}

.header_row TD{
        
}

.cell_bottom{
        border-bottom: 1px solid #d0d1d1;
}

.cell_right{
        border-right: 1px solid #d0d1d1;
}

.data_row_1 TD{
        background-color: #e7e7e7;
        padding: 4px;
        font-weight: normal;
        border-bottom: 1px solid #d0d1d1;
}

.data_row_0 TD{
        background-color: white;
        padding: 4px;
        font-weight: normal;
        border-bottom: 1px solid #d0d1d1;
}
.data_row_0 TD{
        background-color: white;
        padding: 4px;
        font-weight: normal;
}

.data_row_3 TD{
        padding-top: 3px;
        padding-bottom: 4px;
        font-weight: normal;
}

#progressBackgroundFilter
{
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        overflow: hidden;
        padding: 0;
        margin: 0;
        background-color: #000;
        filter: alpha(opacity=50);
        opacity: 0.5;
        z-index: 1000;
}

#processMessage
{
        position: fixed;
        top: 30%;
        left: 43%;
        padding: 10px;
        width: 14%;
        z-index: 1001;
        background-color: #fff;
        border: solid 1px #000;
}

#constraintWindow
{
        position: fixed;
        top: 30%;
        left: 43%;
        padding: 10px;
        width: 30%;
        z-index: 1001;
        background-color: #fff;
        border: solid 1px #000;
}





#dialog_main
{
        width: 650px;
        height: 500px;
        border: 2px solid #ddd;
}

#dialog_table
{
        border: 2px solid #ddd;
}

#dialog_header
{
/*        background-color: #bd0000; */
        background-color: #614767;
        font-size: 16px;
        color: white;
        font-weight: bolder;
        padding: 6px;
        width: 100%;
}

#merge_dialog_header
{
/*        background-color: #bd0000; */
        background-color: #614767;
        font-size: 16px;
        color: white;
        font-weight: bolder;
        padding: 6px;
        width: 100%;
}

#clone_dialog_header
{
/*        background-color: #bd0000; */
        background-color: #614767;
        font-size: 16px;
        color: white;
        font-weight: bolder;
        padding: 6px;
        width: 100%;
}

#dlPathBreadcrumb
{
        font-size: 16px;
        margin: 5px;
        font-weight: bolder;
}

#dlPathBreadcrumb TD
{
        padding-right: 5px;
        white-space: nowrap;
}

#dialog_content
{
        font-size: 16px;
}

.modalBackground
{
        background-color: Gray;
        filter: alpha(opacity=90);
        opacity: 0.9;
}

.modalPopup
{
        background-color: #ffffff;
        border-width: 1px;
        border-style: solid;
        border-color: Gray;
        max-height:500px;
        /*height: 400px;*/
}

.topMost 
{
        z-index:2000;
}
.notesPopup
{
        background-color: #e7e7e7;
        border-width: 1px;
        border-style: solid;
        border-color: #000000;
        max-width:400px;
        max-height: 400px;
        width:300px;
        height: 60px;
        overflow-x:none;
        overflow-y:scroll;
}

.compNotes
{
        background-color: #ffffff;
        border-width: 1px;
        border-style: solid;
        border-color: Gray;
        max-height:400px;       
}

.constraintTable 
{
        max-height: 500px;
        height:400px;
        width:600px;
        overflow-x:none;
        overflow-y:auto;
}

.constraintDialogHeader
{
        color: White;
}



.linkbutton
{
        border: none;
        text-decoration: underline;
        background-color: transparent;
        cursor: pointer;
        color: #003366;
		font-size:16px;
}

#ctl00_BodyPlaceHolder_dropDownAction ,#ctl00_BodyPlaceHolder_dropDownTypeFilter{
    font-size: 16px;
}
select {
	font-size:16px;
}

input {
	font-size:16px;
}

.primButton {
background-color:#333333;
border-color:#999999 #000000 #000000 #999999;
border-style:solid;
border-width:2px;
color:white;
cursor:pointer;
font-family:Metric, Arial;
font-size:16px !important;
font-weight:bold;
margin-right:0;
padding-left:6px;
padding-right:0;
text-align:center;
}

.typeHeader
{
        margin-top: 10px;
        text-weight: bold;
}

a.leftNav
{
        text-align:left;        
}

#TD
{
        text-align:left;
}

/* internal external hackery */
#title { width:auto;padding-left:0px;float:none;}

#title h1 {float:none;}

#logoTitleArea { 
        overflow:visible;
        width:99%;
}

/* Fix the padding on the logo to match content */

#logo {
 width:75px;

}

.PlusMinusButt
{
        margin-right:5px;
}

#footer
{
        margin-top:0px !important;
}

.csGridView
{
        border-width:0px;
        border:none;
        border-style:none;
        padding:10px;   
}

.csHeaderPanel
{
        border:none;
        border-style:none;      
        display:table;
}

.ConfigCompType
{
        font-weight:bold;
        vertical-align: top;  /* By David to fix "+ »" alignment for long component type names */
}

.breadcrumb
{
        color:#bd0000;
        font-weight:bolder;
        white-space: nowrap;
}

.removeBread
{
        font-weight:bolder;
        color:#000000;
}

.resultsComponents
{
         border:solid;
         border-width:1px;
         border-color:#d0d1d1;
         margin-bottom:10px;
         margin-left:10px;
         width: 96% !important;

}

.SuppCompLabel
{
        font-weight:bolder;     
        padding-top:5px;
}

.SectionTitle
{
        font-weight:bolder;     
}

.NotesTitle
{
        font-weight:bolder;
}

.compAttribPopup
{
         border:solid;
         border-width:1px;
         border-color:#d0d1d1;
}

.compAttribPopup td
{
        border-right: 1px solid #D0D1D1;
        border-left: 1px solid #D0D1D1;
        border-bottom: 1px solid #D0D1D1;
}

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

/* These are the styles for the progress indicator */
.PrProgress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
    z-index: 2020;
    left: 50%;
    top: 50%;
}
.PrContainer
{
    border: solid 1px #808080;
    border-width: 1px 0px;
    z-index: 2021;
    left: 50%;
    top: 50%;
        filter: alpha(opacity=90);
        opacity: 0.9;    
}
.PrHeader
{
    /*background: url(~/shared/images/sprite.png) repeat-x 0px 0px;*/
/*        background-color: #bd0000; */
        background-color: #614767;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    /*color: #000000; */
    color: White;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.9;  
    white-space:nowrap;
    font-family: Metric, Arial;
        z-index: 1022;    
}
.PrBody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
        border: solid 1px #000;
        z-index: 1023;
        text-align: center;
}
.PrIFrame
{
        
}

.collapsePanel {
        width: 640px;
        height:0px;
        background-color:white;
        overflow:hidden;
}

/* End of Progress Indicator Styles */


.link_area{
        width: 211px; 
        height:214px;
        background-color: white; 
        margin-right: 5px;
}
                                        
.link_area .header{
        color: white; 
        padding: 3px;
        font-weight:bold;
}




/*  Header Styles Still Need Cleanup */


.themeheader {color:#FFFFFF; font-weight:bold;}

.themeheaderA {color:#FFFFFF; font-weight:bold; font-size: 140%;}

.leveld {
        font-weight: bold; 
        border-bottom: solid 2px #990000; 
        margin: 0px 0px 0px 0px; 
        padding:1px;
}
.themebody {
        color:#FFFFFF;
}
.headerAlpha {
        color:#FFFFFF; 
        background-color: #990000; 
        background-image: url(http://welcome.hpe-ww.com/img/header_990000.gif);
}
.headerAlpha a, .headerAlpha a:active, .headerAlpha a:link, .headerAlpha a:visited {
        color:#FFFFFF;
}
.headerDelta, .headerEpsilon, .calloutEnhanced {
        color:#990000;
}
.headerGamma {
        color:#990000; 
        border-color: #CC9999;
}
.primButtonEnhanced {
        color:#FFFFFF; 
        background-color: #990000; 
        background-image: url(http://welcome.hpe-ww.com/img/button_990000.gif);
}
a.primButtonEnhanced:active, a.primButtonEnhanced:link, a.primButtonEnhanced:visited {
        color:#FFFFFF;
}
a.primButtonEnhanced:hover, input.primButtonEnhanced:hover {
        background-image: url(http://welcome.hpe-ww.com/img/button_990000_over.gif);
}
input.arrowButtonTheme {
        color:#FFFFFF; 
        background-image: url(http://welcome.hpe-ww.com/img/arrow_990000.gif);
}
input.arrowButtonTheme:hover {
        background-image: url(http://welcome.hpe-ww.com/img/arrow_990000_over.gif);
}
.themeRightBorder {
        border-right: 2px solid #990000;
}
.theme {
/*        background: #990000 */
        background: #614767
}
.header_row{
/*   background-color: #bd0000; */
   background-color: #614767;
   color: White;
   /*font-size: 8pt;*/
   font-size: 16px;
}
.cell_bottom{
   border-bottom: 1px solid #d0d1d1;
}
.cell_right{  
   border-right: 1px solid #d0d1d1;
}
.cell_top{  
   border-top: 1px solid #d0d1d1;
}

.cell_left{  
   border-left: 1px solid #d0d1d1;
}
.row_1{
   background-color: #e7e7e7;
}
.check_mark_cell{
   text-align: center;
}
#main_scroll_area{
   height: 150px;
   overflow-y: scroll;
   width: 655px;
}
.themebody {
   text-align:center;
}


.themebody{
        vertical-align: bottom;
}
.themebody A:link{
        color: white;
        text-decoration: none;
}
.themebody A:hover{
        color: white;
        text-decoration: underline;
}
.themebody A:visited{
        color: white;
        text-decoration: underline;
}



/*############  Styles for Default.aspx: START ################*/

/* Fix welcome table from being too wide  */

#ctl00_BodyPlaceHolder_pnlWelcome{
        width: 660px;
}

/*############  Styles for Default.aspx: END ################*/


/* Styles for Useful links */
#main_scroll_area{
   height: 150px;
   overflow-y: scroll;
   width: 655px;
}

.UsefulLinksTableStyle{
        font-family: Metric, Arial;
        font-size: 16px;
}
.UsefulLinksTableStyle A:link{
        color: black;
}
/* End Useful Links */

/* Config Set Details */
.csDetailPanel {
        padding-left:10px;
        padding-bottom:0px;
        text-indent: 5px;
        overflow:auto;
}


/* Component Details */
.SelectIndexLabel 
{
        width:100%;
}


/*  CLASSES FROM DAVID'S UNMIGRATED COMPONENTS PAGE */
.product_div {
    padding-top:0em;
}

.os_list_div {
    padding-top:0em;
    padding-left:4em;
    display:none;
}

.version_list_div {
    padding-top:0em;
    padding-left:8em;
    display:none;
}

.version_span {
    width:200px;
    font-weight:bold;
}

.plus_btn {
    margin-left:2em;
    margin-right:16px;
    margin-top: 1em;
}

.version_list_table {
    border-collapse: collapse;
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.even_row {
}

.odd_row {
    background-color: e7e7e7;
}

.stream_url {
    width: 18em;
}

.stream_date {
    width: 10em;
    font-size: 16px;
}

.page_row {
  background: #dded86;
  width: 400px;
  margin: 0 auto;
  text-align: center;
}

.pager span  
{
        color:#009900;
        font-weight:bold; 
        font-size:16pt; 
}

.spock_notes
{
	max-height: 100px;
	background: #D3D3D3;
	overflow: auto;
}