/* 
Document   : styles
Created on : Jan 29, 2009, 10:50:07 PM
Author     : Sikirulai Braheem <sbraheem at gmail.com>
Description:
Purpose of the stylesheet follows.
*/

body {
    font-family: Georgia;
    font-size: 14px;
    padding: 5px;
}

pre code {
    display: block;
    background-color: #f5f5f5;
    padding-left: 10px;
    border-left: solid 1px #ccc;
    font-size: 90%;
    color: #4b4b93;
}

#loading {
    border: 1px solid #cccccc;
    margin-top: 200px;
    vertical-align:middle;
    font-weight: bold;
    color: #4b4b93;
    background-color: #f5f5f5;
}

.section-desc {
    background-color: #f5f5f5;
    font-weight: bold;
    color: #4b4b93;
}

.media-desc {
    margin-top: 5px;
    font-size: 90%;
    font-style: italic;
}

.showcase-Banner {
    margin-bottom: 10px;
    font-size: 200%;
    color: #4b4b93;
    font-weight: bold;
    border-bottom: solid 5px #4b4b93;
}

.showcase-Summary {
    background-image: url(images/showcase-bg.png);
    background-repeat: repeat-x;
    border: outset 1px silver;
    font-size: 150%;
    padding: 7px;
}

.showcase-Case {
    margin-bottom: 20px;
    border: 1px solid silver;
}

.showcase-Footer {
    font-size: 80%;
    text-align:center;
    border-top: solid 2px #4b4b93;
    margin-top: 10px;
    padding-top: 5px;
}

.player-MissingPlugin {
    border: solid 3px #b1b1db;
    font-size: 70%;
}

.player-MissingPlugin-title {
    background-color: #b1b1db;
    text-indent: 5px;
    font-weight: bold;
}

.player-MissingPlugin-message {
    padding: 5px;
}

.player-AudioLink {
    background: #ffff00 url(images/player-link-playable.png) center right no-repeat;
    padding: 0px 20px 0px 5px;
    color: blue;
    cursor: pointer;
}
.player-AudioLink-playing {
    background: #ffff00 url(images/player-link-pause.png) center right no-repeat;
    padding: 0px 20px 0px 5px;
    color: blue;
    cursor: pointer;
}
.player-AudioLink-paused {
    background: #ffff00 url(images/player-link-playing.png) center right no-repeat;
    padding: 0px 20px 0px 5px;
    color: blue;
    cursor: pointer;
}

.gwt-TabBar .gwt-TabBarItem {
    padding: 5px;
    margin-right: 5px;
    font-weight: bold;
    color: #4b4b93;
    border: thin groove #cccccc;
    background-color: #b1b1b1;
    cursor: pointer;
}

.gwt-TabBar .gwt-TabBarItem-selected {
    background-color: #b1b1db;
    border-bottom: none;
}

.gwt-StackPanel {
    border: 1px solid silver;
    border-top: none;
    text-indent: 5px;
}

.gwt-StackPanel .gwt-StackPanelItem {
    background-image: url(images/showcase-bg.png);
    background-repeat: repeat-x;
    border-top: 1px solid silver;
    font-weight: bold;
    cursor: pointer;
    line-height: 2;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
    border-bottom: 1px solid #97947f;
}

.gwt-StackPanel .gwt-StackPanelContent {
}

.gwt-StackPanel .gwt-StackPanelContent a {
    text-decoration: none;
}