/*
 * @namespace window.Octave
 * @class Test
 * @stylesheet branding.css
 * Modify this file to create special branding for cerian tests
 * The CSS properties below are just for example.
 * The entire app is skinnable/themable with css
 * It is advisable to overrire CSS properties from other files here
 * instead in their original files to avoid conflics and layout problems
 **/

/*
 * APPLYING CUSTOMER-SPECIFIC STYLES
 * ---------------------------------
 * To namespace different designs for different customers, use the client parameter
 * in index.php for example http://test.5pointsinc.com/?client=acme-ltd 
 * will print <html class="acme-ltd">, which can then be used to namespace the 
 * design for ACME Ltd in the CSS rules in this file like:
 * .acme-ltd header
 * {
 *  color: #b00;
 * }
 *
 *
 * SETTING A CUSTOMER-SPECIFIC WALLPAPER
 * -------------------------------------
 * .acme-ltd .octave-ui-desktop
 * {
 *   background-image: url("Octave/classes/Desktop/styles/images/acme-ltd.jpg") !important;
 * }
 * The !important clause is needed here, in order to override the wallpaper key we have in the initializer in index.php
 * The other option to set background is to use the $client query parameter also as 
 * part of the wallpaper url key in the initializer in index.php, like:
 *
 * wallpaper: ".jpg"
 * NOTE: The wallpaper should be copied to the Octave/classes/Desktop/styles/images/ folder
 */

body
{
    /*background: #666;*/ /* set background to the entire app, excluding Windows-related issues */
}

header
{
    /*background: #b00;*/ /* set background to the app header */
}

header h1
{
    /*color: #333;*/ /* set color to the app title */
}

header li
{
    /*color: #00f;*/ /* set color to the list-items in the header */
}

header li a
{
    /*color: #000;*/ /* set color to the links in the items-item in the header */
}

acidjs-xcountdown
{
    /*color: #0f0;*/ /* set color to the timer */
}

.octave-ui-nav h4
{
    /*background: #000;*/ /* set backgrond to the titlebar of the navigation widget in the header */
    /*color: #b00;*/ /* set color to the titlebar of the navigation widget in the header */
}

 .octave-ui-nav [current] a
 {
     /*background: #0ff;*/ /* color for the currently selected item in the navigation widget in the header */
 }
 
 .octave-ui-problem
 {
     /*background: #ff0;  set background to a non-Windows problem */
     /*color: #b00;  set color to a non-Windows problem */
 }
 
 button
 {
     /*background: #ffa500;*/ /* generic action button */
 }
 
 .octave-ui-button-danger
 {
     /*background: #f00;*/ /* generic cancel button */
 }