@import url("common.css");
@import url("../sitebar.css");
/*Remember always, when you use the import rule, 
* that the import rule is handled before other definitions. 
* If there are several import rules they are handled in order starting from top. 
* The basic idea of the import rule is that the browser reads imported style sheets 
* as if they have been directly written in the place, where the import rules exist.
* 
* Embedded style sheets + the import rule
* http://www.nic.fi/~tapio1/Teaching/Kaytto2.php3#Embedded
* 
* 6.3 The @import rule
* http://www.w3.org/TR/REC-CSS2/cascade.html
* 
* 14.3.2 Specifying external style sheets
* http://www.w3.org/TR/html401/present/styles.html#h-14.3.2
* 
* http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg
* http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html
* 
* Resulting cascading weight and order : /common.css >> /Modern/common.css >> /sitebar.css >> /Modern/sitebar.css
* that means that all common CSS go first and this (Modern/sitebar.CSS) goes the last one and wins the specificity
* 
* Using a generic class or id selector is supported by all browsers
* !!! but it takes up additional time and bandwidth
* "div.data" is faster than ".data" or "div#logo" is faster than "#logo"!
*/
body.siteBar div#sb_main div#logo {
height : 22px !important;
width : 162px !important;
}
body.siteBar div#sb_main div#logo a, body.siteBarIndex div#main div#launcher div#home a {
display : block;
}
body.siteBar div#sb_main div#logo a img, body.siteBarIndex div#main div#launcher div#home a img {
border : 1px solid #002d96;
height : 20px !important;
width : 160px !important;
}
body.siteBar div#sb_main div#sbarBody span#sb_label_loading {
height : 16px !important;
}
body.siteBar div#sb_main div#sbarBody span#sb_label_loading a.ajax {
background : #063a96;
color : #ffffff;
display : inline !important;
font-weight : bolder;
padding : 0 !important;
text-decoration : none !important;
vertical-align : bottom !important;
}
body.siteBar div#sb_main div#sbarBody span#sb_label_loading a.ajax img {
background : #ffffff;
color : inherit;
height : 16px;
padding-right : 2px;
margin-right : 2px;
width : 16px;
}
body.siteBar div#sb_main div#sbfooter div#userCtxMenu {
border : 1px groove #807ad6;
}
body.siteBar div#linkCtxMenu, body.siteBar div#nodeCtxMenu {
background : #f6f6f6;
border : 2px outset #807ad6;
color : #000000;
}
body.siteBar div#sb_main div#toolbar {
border : 1px solid #002d96;
height : 42px !important;
width : 160px !important;
}
body.siteBar div#sb_main div#toolbar div#tlbSearch, body.siteBar div#sb_main div#toolbar div#tlbOther {
height : 21px !important;
}
body.siteBar div#sb_main div#toolbar div#tlbSearch {
border-bottom : 1px solid #002d96;
}
body.siteBar div#sb_main div#toolbar div#tlbSearch span input#fldSearch {
border : 1px solid #002d96;
width : 94px !important;
}
body.siteBar div#sb_main div#toolbar div span img {
border : 1px solid #b2ccf7;
}
body.siteBar div#sb_main div.menu div {
border : 1px solid #f6f6f6;
}
body.siteBar div#sb_main div.menu div.activeItem, body.siteBar div#sb_main div.menu div.actopt {
border : 1px solid #000080;
background : #ffeec2;
color : inherit;
}
body.siteBar div#sb_main div.menu div.disabled {
border : 1px solid #f6f6f6;
background : inherit;
color : #00667c;
}
body.siteBar div#sb_main div.menu div.optional {
border : 1px solid #e0e0e1;
background : #e0e0e0;
color : #00667c;
}
body.siteBar div#sb_main div.menu div.separator {
border-top : 1px solid #807ad6;
}
body.siteBar div#sb_main div.menu div.more {
background : #e0e0e0;
color : inherit;
}
body.siteBar div#sb_main div#sbarBody div.tree div span img {
height : 16px !important;
width : 16px !important;
}
body.siteBar div#sb_main div#sbarBody div.tree div span a {
background : inherit;
color : #444444;
}
body.siteBar div#sb_main div#sbarBody div.tree div span a span.sort_info {
background : inherit;
color : #00667c;
}
body.siteBar div#sb_main div#sbarBody div.tree div span a.highlight {
background : #b0e0e6;/*powderblue - in Modern mostly blue palette is used*/
color : #000000;
}
body.siteBar div#sb_main div#sbarBody div.tree div span a:hover {
background : #ece9d8 !important;
color : black !important;
}
body.siteBar div#sb_main div#sbarBody div.tree div span a:active, body.siteBar div#sb_main div#sbarBody div.tree div span a:active span.sort_info {
background : #1447a0; /*the same as logo.img bottom part*/
color : white;
z-index : 5;
}
body.siteBar div#sb_main div#sbfooter div#stat {
border : 1px dotted #807ad6;
background : inherit;
color : #00667c;
}
/*** Command Window ***/
body.siteBarCmdWin div#commandHead {
background : #295bb1;
color : white;
}
body.siteBarCmdWin div#errorHead {
background : #295bb1;
color : red;
}
body.siteBarCmdWin div#warnHead {
background : #295bb1;
color : yellow;
}
body.siteBarCmdWin select.fldList {
max-width : 158px !important;
width : 158px !important;
}
body.siteBarCmdWin select.fldList option.fldList {
background : #295bb1;
color : white;
font-size : 11px;
padding : 1px !important;
}
body.siteBarCmdWin select.fldList option.fldList1 {
background : #699bf1;
color : inherit;
font-size : 11px;
padding : 1px !important;
}
body.siteBarCmdWin select.fldList option.fldList2, body.siteBarCmdWin select.fldList option.fldList3, body.siteBarCmdWin select.fldList option.fldList4, body.siteBarCmdWin select.fldList option.fldList5, body.siteBarCmdWin select.fldList option.fldList6, body.siteBarCmdWin select.fldList option.fldList7, body.siteBarCmdWin select.fldList option.fldList8, body.siteBarCmdWin select.fldList option.fldList9, body.siteBarCmdWin select.fldList option.fldList10 {
background : #79abf1;
color : inherit;
font-size : 11px;
padding : 1px !important;
}
body.siteBarCmdWin input.readonly {
border : 1px solid #b2ccf7;
}
body.siteBarCmdWin table tr th {
color : inherit;
background : #b2ccf7;
}
body.siteBarCmdWin h1 {
color : inherit;
background : #b2ccf7;
text-align: center;
}
/*** Integrator window ***/
body.siteBarIndex div#main div#launcher {
border : 1px groove #807ad6;
}
body.siteBarIndex div#main div#launcher div h1 {
background : inherit;
color : #295bb1;
}
body.siteBarIndex div#main div#launcher div table tr th {
border : 1px solid #002d96;
background : #b2ccf7;
color : inherit;
}