/*
// Style sheet for page elements.
//
// Part of the Routino routing software.
//
// This file Copyright 2008-2014 Andrew M. Bishop
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/


/*-------------*/
/* Tabbed DIVs */
/*-------------*/


DIV.tab_box
{
 padding:    3px;
 margin-top: 3px;

 width: 100%;
}

DIV.tab_box SPAN.tab_selected
{
 border-top:    2px solid;
 border-left:   2px solid;
 border-right:  2px solid;
 border-bottom: 1px solid white;

 z-index: 5;

 padding-top:    3px;
 padding-bottom: 3px;
 padding-right:  5px;
 padding-left:   5px;

 font-weight: bold;
 font-variant: small-caps;

 background: #FFF;
}

DIV.tab_box SPAN.tab_unselected
{
 border-top:   1px solid;
 border-left:  1px solid;
 border-right: 1px solid;

 padding-top:    3px;
 padding-bottom: 3px;
 padding-right:  5px;
 padding-left:   5px;

 cursor: pointer;

 font-variant: small-caps;

 background: #CCC;
}

DIV.tab_box SPAN.tab_unselected:hover
{
 background: #DDD;
}

DIV.tab_content
{
 width:  auto;

 padding: 3px;
 border: thin solid;
}


/*----------------*/
/* Show/Hide DIVs */
/*----------------*/


DIV.hideshow_box
{
 min-height: 1em;

 border-top:   2px solid;
 border-color: #AAA;

 padding-bottom: 2px;

 overflow: hidden;
}

DIV.hideshow_box:first-child
{
 border-top: none;
}

DIV.hideshow_box SPAN.hideshow_show
{
 float: right;
 display: block;

 font-weight: bold;

 text-align: center;

 width: 1em;

 padding-right:  5px;
 padding-left:   5px;
 padding-top:    1px;
 padding-bottom: 1px;

 cursor: pointer;

 background: #CCC;
}

DIV.hideshow_box SPAN.hideshow_show:hover
{
 background: #DDD;
}

DIV.hideshow_box SPAN.hideshow_hide
{
 display: none;
}

SPAN.hideshow_title
{
 display: block;

 font-weight: bold;
 text-decoration: underline;

 padding-top:    1px;
 padding-bottom: 1px;

 background: #EEE;
}
