@CHARSET "UTF-8";

/* PRIMARY COLORS /* 
Cardinal #8C1515
Cool Grey #4d4f53
Process black #000000

/* NEUTRAL COLORS
Light sand #D2C295
Darker Sand #B3995D
Mid Grey #928B81
Light Grey #B6B1A9
White-like #dad7cb
Pastel #C7D1C5

 */

/* =========== BACKGROUND =========== */
/* Note: only choose one of the two below options */

/* ----------- 1a : general background color overriding the gradient ----------- */
	/* div#maincontainer { background: #00A4E4 !important;} */

/* ----------- 1b : general background color preserving the gradient ----------- */
	BODY { background-color: #B3995D !important;}


/* ----------- 2 : frame border background color ----------- */
#contentwrapper { border: 4px #D2C295  solid ; }

/* ----------- 3 : in-frame background color  ----------- */
/* #contentwrapper { background-color: #D2C295; } */

/* ----------- 4 : general background color  ----------- */
#footer #footer-link, #footer .submit-bug { color: #D2C295; }



/* =========== NAVIGATION MENU ===========  */

/* ----------- 1 : background color  ----------- */
DIV#navigationmenu {  background-color: #8C1515 !important; }

/* ----------- 2 : border-bottom color  ----------- */
DIV#navigationmenu {  border-bottom-color: #B3995D !important;}

/* ----------- 3 : "browser" button label when closed  ----------- */
DIV#navigationmenu > .navigatorbutton > .label {
 color: #D2C295;
}

/* ----------- 4 : "browser" button label when opened  ----------- */

#navigationmenu>.navigatorbutton.opened>.label {
color: #dad7cb;
}


/* ----------- 5 : divider  ----------- */
DIV#navigationmenu > .navigatorbutton > .divider {
background: #D2C295;
}

/* ----------- 6 : breadcrumbs showing communities and domains  ----------- */
#navigationmenu DIV#breadcrumb ul li a {
  color: #D2C295 !important;
}


/* ----------- 7 : dashboard labels  ----------- */
#ds-navigation-list A { color: #D2C295;}



/* =========== TITLE BAR =========== 
 
/* ----------- 1 : color  ----------- */
DIV#titlebar {    background-color: #4D4F53 !important; }


/* =========== TOP RIGHT PRODUCT MENU ===========  */

/* ----------- 1 : context arrow  ----------- */
/* ----------- (should be same color as BACKGROUND (2) : frame border background color  ----------- */
#mainmenu .contextarrow{ border-color:transparent transparent #D2C295 !important; }

/* ----------- ? : ???  ----------- */
/* #mainmenu .menuitem{
  color: #C7D1C5;
}*/

/* ----------- 2 : separator between menu items  ----------- */
#mainmenu > .separator {   background-color: #DAD7CB; }

/* ----------- 3 : menu item label  ----------- */
#mainmenu .menuitem > .label {   color: #DAD7CB ; }

/* ----------- 4 : menu item image  ----------- */
#mainmenu .menuitem .image {   color: #DAD7CB ; }


/* ----------- 5 : selected menu item label and image when hovering over it  ----------- */
#mainmenu SPAN.menuitem.selected:hover > .label,
#mainmenu SPAN.menuitem.selected:hover > .image {
  color: #EAAB00 !important;
}

/* ----------- 6 : any menu item label and image when hovering over it  ----------- */
#mainmenu .menuitem:hover > .label,
#mainmenu .menuitem:hover > .image {
  color: #EAAB00;
}

/* ----------- 7 : avatar picture frame  ----------- */
#mainmenu .menuitem > .avatar {
  border-color: #B26F16 !important;
}

/* ----------- 8 : avatar image when hovering over it  ----------- */
#mainmenu .menuitem:hover > .avatar {
  border-color: #B26F16 !important;
}

/* ----------- 9 : avatar account label  ----------- */
#mainmenu .menuitem > .label.account {
  color: #B26F16;
}


/* =========== SEARCH =========== */

/* ----------- 1 : search bar frame  ----------- */

DIV#mainsearch {
border: 2px solid #D2C295 !important;
}

/* ----------- 2 : search magnifying glass icon  ----------- */
#mainsearch > .icon-search {
color: #D2C295;
}



/* =========== BROWSER  ===========

/* ----------- 1 : background of the browser ----------- */
/* #browser-module .browser-content-wrapper .browser-content {   background-color: #4D4F53; } */

/* ----------- 2: sidebar of the browser ----------- */
 #browser-module .browser-content-wrapper .browser-content .sidebar {   background-color: #8C1515; }
}

/* ----------- 3 : background of the browser top-part ----------- */
/* .navigatorbutton.opened {
  background: #97c859 url("/dgc430/resources/library/images/gradients/menubar.png") repeat-x 0 -25px;
  border-bottom: #97c859 2px;
}*/

/* ----------- 4: colour "browser" label when opened ----------- */
/* #navigationmenu>.navigatorbutton.opened>.label { color: #white; } */

/* ----------- 5 : icon for expand and collapse in browser ----------- */
/* #browser-module .browser-content-wrapper .browser-content .browser-tree .tree .icon-expand,
#browser-module .browser-content-wrapper .browser-content .browser-tree .tree .icon-collapse {
  color: #005984;
}*/


/* ----------- 6 : line under the search bar in browser ----------- */
/* #browser-module .browser-content-wrapper .browser-widget-filter-wrapper .filter-wrapper INPUT {
  border-color: #005984;
  color: #005984;
}*/

/* ----------- 7 : magnifying glass icon in browser ----------- */
/*
#browser-module .browser-content-wrapper .browser-widget-filter-wrapper .filter-wrapper I.icon-search {
  color: #005984;
}
*/
/* ----------- 8: search text in browser ----------- */
/*
#browser-module .browser-content-wrapper .browser-widget-filter-wrapper .filter-wrapper INPUT:focus,
#browser-module .browser-content-wrapper .browser-widget-filter-wrapper .filter-wrapper:hover INPUT {
 color: #005984 !important;
}
*/
/* ----------- 9 : bottom shadow of browser bar ----------- */
/* #browser-module .browser-content-wrapper {  box-shadow: -3px 4px 4px -3px black; }*/

/* ----------- 10 : community and domain icons in browser ----------- */
/*
#browser-module .browser-content-wrapper .browser-content .browser-tree .tree A {
  color: #005984;
}

#browser-module .browser-content-wrapper .browser-content .browser-tree .tree L {
  color: #005984;
}
#browser-module .browser-content-wrapper .browser-content .browser-tree .tree LI {
  color: #005984;
}*/