
/** All these styles/icons/properties are overrides of the simple skin */

/** :alias means that this class or icon is not used directly. It is included
in other component's style selectors or other component's icons. It is 
meant to be a fast way to change styles. The alternative is to style each 
component. **/

.adfFacesDemoSearchPanelGroup .AFPromptText
{
  font-weight:bold;
  font-size:small;
  color:#ffffff;
}
.AFInstructionText
{
  font-family: verdana,arial,helvetica,sans-serif; 
  font-size: small;
}
.AFDefaultFontFamily:alias
{
  font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
}
.AFVeryDarkForeground:alias {color:black;}
.AFDarkForeground:alias {color: #00478A;}
.AFDarkBackground:alias {background-color: #0099CC;}
/** In the base styles, AFDarkBorder uses the background-color of 
    AFDarkBackground for its border color, so no need to set it directly. */
    
/* make up a color for hovering over menuTabs and menuBars */
/* put the extension :alias so it won't get written out to the final css file,
   cuz I know it won't be used directly. Instead it will be included in
   other style definions using the -ora-rule-ref property. */
.MyLinkHoverColor:alias { color: #CC6633; }


.AFLinkForeground:alias {color:#003399}

/** BUTTON STYLES. Notice the right to left icons are specified with the
:rtl pseudo-class. If :rtl icons are not specified, we default to non-:rtl icons. **/

/** use this to color the button background and text **/
/* bg-color: bluish; color: deep blue */
.AFButtonServerText:alias {background-color:#5A9CC6; color:#25009E}
/* antialias the text for our disabled buttons */
.AFButtonServerTextDisabled:alias {background-color:#F0F0F0; color:Gray;-ora-text-antialias:true}


/* disable button entries ... 

.AFButtonStartIcon:alias {content:url(/skins/srdemo/images/btnStart.gif); width:7px; height:18px}
.AFButtonStartIcon:alias:rtl {content:url(/skins/srdemo/images/btnEnd.gif); width:7px; height:18px}

.AFButtonEndIcon:alias {content:url(/skins/srdemo/images/btnEnd.gif); width:7px; height:18px}
.AFButtonEndIcon:alias:rtl {content:url(/skins/srdemo/images/btnStart.gif); width:7px; height:18px}



.AFButtonTopBackgroundIcon:alias {content:url(/skins/srdemo/images/btnTop-bg.gif); width:1px; height:2px}
.AFButtonTopBackgroundIcon:alias:rtl {content:url(/skins/srdemo/images/btnTop-bg.gif); width:1px; height:2px}

.AFButtonBottomBackgroundIcon:alias {content:url(/skins/srdemo/images/btnBottom-bg.gif); width:1px; height:2px}
.AFButtonBottomBackgroundIcon:alias:rtl {content:url(/skins/srdemo/images/btnBottom-bg.gif); width:1px; height:2px}

.AFButtonDisabledStartIcon:alias {content:url(/skins/srdemo/images/btnDisabledStart.gif); width:7px; height:18px}
.AFButtonDisabledStartIcon:alias:rtl {content:url(/skins/srdemo/images/btnDisabledEnd.gif); width:7px; height:18px}
.AFButtonDisabledEndIcon:alias {content:url(/skins/srdemo/images/btnDisabledEnd.gif); width:7px; height:18px}
.AFButtonDisabledEndIcon:alias:rtl {content:url(/skins/srdemo/images/btnDisabledStart.gif); width:7px; height:18px}

.AFButtonDisabledTopBackgroundIcon:alias {content:url(/skins/srdemo/images/btnDisabledTop-bg.gif); width:1px; height:2px}

.AFButtonDisabledBottomBackgroundIcon:alias {content:url(/skins/srdemo/images/btnDisabledBottom-bg.gif); width:1px; height:2px}

*/


/** showOneTab **/
/** ---------- **/
/** .AFShowOneTab:alias is included in af|showOneTab::orientation-top and 
    af|showOneTab::orientation-bottom which are the styles on the table. **/
.AFShowOneTab:alias {
  background-color:#A4CACA; 
  text-align:center;
}
/** make the top tab bar have a solid border underneath **/
af|showOneTab::orientation-top
{
  border-bottom:3px solid #367FA8;border-top:3px solid #367FA8;
}
/** make the bottom tab bar have a solid border on top **/
af|showOneTab::orientation-bottom
{
  border-bottom:3px solid #367FA8;border-top:3px solid #367FA8;
}

af|showOneTab::separator {
  margin-width:4px;
  border-top: #ADBCC5; solid 4pt ;
  border-bottom: #ADBCC5; solid 4pt ;
  BACKGROUND-COLOR: white;
  PADDING-LEFT: 1px;}

af|showOneTab::tab {
  font-weight:bold;
  font-family:Tahoma; 
  padding:6px 8px;
}

af|showOneTab::tab-selected {
  font-family:Tahoma;
  padding:6px 8px; 
  text-decoration: none; 
  background-color:white
}  

af|showOneTab::tab-link {
  color:white;
  text-decoration: none;
}

af|showOneTab::tab-link:hover
{
  -ora-rule-ref:selector(".MyLinkHoverColor:alias");
}

/* put some space in the
first cell */
af|showOneTab::cell-start {
  background-color:transparent; 
  padding-left:10px;
  width:50%;
}
af|showOneTab::cell-end {
  width:50%;
}
/** put some space between the tabs and the body */
af|showOneTab::body
{
  padding: 10px;
}

/** panelPage's footer area **/
/** ----------------------- **/
.AFFooterMessageText:alias
{
  padding:2px 6px;
}

/** menuTabs **/
/** -------- **/


.AFTabBarItem:alias
{
  line-height:100%;
  text-align:center;
}

af|menuTabs::enabled
{
  border-style:solid; 
  border-color: #CCCCCC;
  border-width:3px 2px 0px 2px;
  padding: 6px 9px;
}

af|menuTabs::selected
{
  border-style:solid;
  border-color: #CC6633;
  border-width:3px 4px 0px 4px;
  padding: 6px 9px;
  background-color: #0099CC;  
}





/* Remove the text decoration from all tabBar links  */
.AFTabBarLink:alias
{
  text-decoration:none;
  text-align:center;
  FONT-SIZE: 11px; 
  LINE-HEIGHT: 11px; 
  FONT-FAMILY: tahoma,sans-serif;
  COLOR: black;
}
af|menuTabs::selected-link
{
  COLOR: White;
  font-weight: bold;
}
af|menuTabs::enabled-link:hover, af|menuTabs::selected-link:hover
{
  -ora-rule-ref:selector(".MyLinkHoverColor:alias");
}



/** menuBar **/
/** ------- **/
af|menuBar
{

  -ora-rule-ref:selector(".AFDarkBorder:alias");
  padding: 6px;
}
af|menuBar::enabled-link, af|menuBar::selected-link
{
  text-decoration:none;
  text-align:center;
  FONT-SIZE: 11px; LINE-HEIGHT: 11px; FONT-FAMILY: tahoma,sans-serif;
}

af|menuBar::body 
{
  text-align:center;
  background-color: #0099CC;
}

af|menuBar::enabled-link:hover
{
  -ora-rule-ref:selector(".MyLinkHoverColor:alias");
}
af|menuBar::separator
{
    padding: 0px 2px 0px 2px;
    color: black;
}
.AFTabBarItem:alias
{
  border-style:solid; 
  border-color:#0099CC;
  border-width: 3px 2px 0px 2px;
  padding:2px 6px;
}


/** menuButtons **/
/** ----------- **/
.AFMenuButtons:alias
{
  padding:0px 2px 2px 4px;
  text-decoration:none;
}

af|menuButtons::text:hover
{
  -ora-rule-ref:selector(".MyLinkHoverColor:alias");
}
af|menuButtons::text-selected:hover
{
  -ora-rule-ref:selector(".MyLinkHoverColor:alias");
}
af|menuButtons::text-disabled:hover
{
  -ora-rule-ref:selector(".MyLinkHoverColor:alias");
}


/** panelBox **/
/*  ------------   */
/* for panelBox with a header */
.AFPanelBoxBody:alias
{
  background-color: white;
  border-color: #006699;
  border-style:solid;
  border-width:1px;
  margin:2px;

}
/* for panelBox without a header and shuttles */
.AFBoxContentBody:alias
{
  background-color: white;
  border-color: #006699;
  border-style:solid;
  border-width:1px;
  margin:2px; 
  padding:5px;
}

af|panelBox::header
{
  padding: 0px 3px;
  font-weight: bold;
  font-family: verdana,arial,helvetica,sans-serif; 
  font-size: 10px; 
  text-transform: uppercase; 
  text-decoration: none; 
  color: #FFFFFF; 
  background-color:#008484;
  
}


/** panelHeader **/
/** ----------- **/
af|panelHeader
{
   margin-bottom:3px;
   padding:0px 3px;

}
.AFHeaderLevelOne
{
   font-weight:bold;
   font-size: medium;
   font-family: verdana,arial,helvetica,sans-serif; 
   color: #00478A;
   padding: 10px 2px;
}


/** processTrain **/
/** ------------ **/
/**  We override the AFTrainStation alias style to add some
       padding, and also to display the station indicator
       using a top border **/
.AFTrainStation:alias
{
  border-style:solid;
  border-width:3px 0px 0px 0px;
  padding:3pt;
}

/** selectBooleanCheckbox **/
/** ---------------------  **/
af|selectBooleanCheckbox::read-only-unchecked-icon
{
  content:url(/skins/srdemo/images/checkrn.gif);
}
af|selectBooleanCheckbox::read-only-checked-icon
{
  content:url(/skins/srdemo/images/checkrc.gif);
}

af|selectBooleanCheckbox::disabled-only-unchecked-icon
{
  content:url(/skins/srdemo/images/checkdn.gif);
}
af|selectBooleanCheckbox::disabled-only-checked-icon
{
  content:url(/skins/srdemo/images/checkdc.gif);
}

/* use special properties to change the ui **/
/* don't show the last item in menuPath (the default is to show it)*/
af|menuPath {-ora-show-last-item:false}

/** if, for some reason, you don't want an icon to show up, you
    can hide it like this (this feature will be more useful when skins can
    extends other skins besides simple)

af|menuPath::separator-icon {content:inhibit}    
*/

.AFHeaderErrorIcon:alias 
{
  content:url(/skins/srdemo/images/errorl.gif); width:18px; height: 18px;

}

af|messages
{
  -ora-rule-ref: selector(".AFVeryDarkAccentBorder:alias");
  border-style:solid;
  border-width:1px;
  padding:5px;
  margin:5px 0px 0px;
}

af|messages::header
{
  -ora-rule-ref: selector(".AFDarkAccentBorder:alias");
  border-width:0px 0px 1px 0px;
  border-style:solid;
  vertical-align:bottom;
  margin-bottom:3px;
  padding:0px 3px;
}

.AFHeaderText:alias
{
  -ora-rule-ref: selector(".AFDarkForeground:alias");
  font-weight:bold;
  padding: 0px;
  margin: 0px;
}

/* custom styles that I made up and set on the styleClass attribute of various
adf faces components */
.adfFacesDemoSearchPanelGroup
{
  width:100%; 
  padding:6px 6px 6px 26px;
  background-color: #0099CC;
}

.welcomePanel
{
  padding-left:50px;
  width:100%;
  background-color: #C5CFC5;
  margin-bottom:10px;
  padding-bottom:5px; padding-top:5px;
}
.tabsPanelGroup
{
  text-align:right;
  width:90%;
}
.panelBoxHeader
{
  font-family: verdana,arial,helvetica,sans-serif; 
  color:brown;
  font-weight:bold; 
  font-size:small;
}

af|panelForm::label-cell
{
  -ora-rule-ref: selector(".AFStartTextAlign:alias");
}
