/*
 * Apache License
 * Version 2.0, January 2004
 * http://www.apache.org/licenses/
 *
 * Copyright 2008 by chenillekit.org
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 */
@import "reset-min.css";
@import "base-min.css";
@import "fonts-min.css";
@import "grids-min.css";

/*
------------------------------------------------------------------------
-- override yui
------------------------------------------------------------------------
 */
html, body {
    height: 100%;
}

body {
    /*background-color: #dedcdc;*/
}

#doc3, #bd {
    height: 95%;
    margin-top: 4px;
    margin-bottom: 4px;
}

#hd {
    height: 117px;
}

#ft {
    height: 4%;
}

td, th {
    border: none;
    padding: 0.1em;
}

.yui-u.first.menu {
    width: 11%;
}

.yui-u.content {
    width: 88.5%;
}

/*
------------------------------------------------------------------------
-- override tapestry error
------------------------------------------------------------------------
*/
html > body div.t-error li {
    margin-left: 25px;
}

/*
------------------------------------------------------------------------
-- license message (bottom)
------------------------------------------------------------------------
*/
.licensemessage {
    border-top: 1px solid silver;
    background-color: #FFFFCE;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 77%;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: center;
}

.component_header {
    padding: 5px 0 5px 5px;
    background-color: #E5E5E5;
}

/*
------------------------------------------------------------------------
-- Shadowed Container
------------------------------------------------------------------------
 */
div.shadow {
    width: 100%;
    float: left;
    background-color: #bbb;
    padding: 0;
}

div.shadow div.container {
    width: 100%;
    display: block;
    border: 1px solid #666;
    position: relative;
    top: -3px;
    left: -5px;
}

/*
------------------------------------------------------------------------
-- Square Button
------------------------------------------------------------------------
 */

a.squarebutton {
    background: transparent url( '../images/oval-blue-left.gif' ) no-repeat scroll left top;
    display: block;
    float: left;
    font: normal 13px Tahoma; /* Change 12px as desired */
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton {
    color: #494949; /*button text color*/
}

a.squarebutton span {
    background: transparent url( '../images/oval-blue-right.gif' ) no-repeat scroll right top;
    display: block;
    padding: 4px 11px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover {
/* Hover state CSS */
    background-position: bottom left;
}

a.squarebutton:hover span {
/* Hover state CSS */
    background-position: bottom right;
    color: black;
}

.buttonwrapper {
/* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}

a.orange {
    background: transparent url( '../images/oval-orange-left.gif' ) no-repeat scroll left top;
}

a.orange span {
    background: transparent url( '../images/oval-orange-right.gif' ) no-repeat scroll right top;
}

fieldset.snippet {
    border-top: 1px solid black;
    padding: 5px;
}

fieldset.snippet legend {
    padding-left: 3px;
    padding-right: 3px;
}

fieldset.snippet pre {
    border: 1px solid black;
    background-color: lightgray;
    margin: 5px;
    padding: 8px;
}

fieldset.sample {
    border-top: 1px solid black;
    padding: 5px;
}

fieldset.sample legend {
    padding-left: 3px;
    padding-right: 3px;
}