/* All code herein was created by Robert Dahlström for use on the 
 * www.uppsalabudoklubb.se website. You may use anything here if you
 * so choose for non-profit work but please include a thank you note 
 * if you do.
 */

@import "ubk_text.css";
@import "ubk_design.css";

/* Set colour for links on our pages */
a:link, a:visited, a:hover, a:active { 
 color: black;
}

/* Define settings for table based layout */
td.normal, td.numbers, tr.normal, th.normal, tr.highlight, td.odd, tr.odd {
 font-size: 100%;	
}

td.normal, td.numbers, tr.normal, th.normal {
 background: white;
}

th.normal {
 font-weight: bold;
}

tr.highlight {
 background: #ffa500;
}

td.odd, tr.odd {
 background: #f0f0f0;
}

td.category_list { 
 vertical-align: top;
 border-bottom: thin solid black;
 width: 200px;
 padding-top: 3px;
 padding-bottom: 5px;
}

td.techniques { 
 border-bottom: thin solid black;
 padding-top: 3px;
 padding-bottom: 5px;
}

/* Define settigns for div based layout */
div.technique_section_begin, div.technique_section_middle, div.technique_section_end { 
 clear: left;
 float: left;
 margin: 0px; 
 width: 738px;
 padding: 2px 0px;
}

div.technique_section_begin { 
 border-top: thin solid #cbcbcb;
 border-bottom: thin solid #cbcbcb;
}

div.technique_section_middle { 
 border-bottom: thin solid #cbcbcb;
}

div.technique_header, div.technique_list, div.technique_header_short { 
 float: left;
}

div.technique_header, div.technique_header_short { 
 vertical-align: top;
 width: 350px;
}

div.technique_header_short { width: 70px; clear: right }

div.technique_description { float: right; text-align: justify }
div.technique_description ul { list-style-type: none }

li.indent { list-style-type: none; }
li ul { list-style-type: none; }

/* Images used for navigating images */
a.previousimage {
 float: left;
 text-decoration: none;
}

a.nextimage {
 float: right;
 text-decoration: none;
}

td.inactivecell {
 background-color: white;
 background-image: url(../images/menubg.gif);
 height: 19px;
}

td.activecell {
 background-color: white;
 background-image: url(../images/menubg-hi.gif);
 height: 19px;
}

img.normal { text-decoration: none; }

/* Behaviour of links in header(tabs) */
a#activetab:link, a#activetab:visited {
 text-decoration: none;
 color: white;
}

a#activetab:hover, a#activetab:active {
 text-decoration: underline;
 color: white;
}

form.manage {
 display: inline;
 float: right;
 margin-top: 0px;
 margin-left: 2px;
 margin-bottom: 0px;
}

form.manageimage {
 display: inline;
}

/* Used to toggle some input elements on/off 
 * Togglebutton by form and divs to show/hide sections
 */

form.toggle {
 display: inline;
 float: right;
 margin-top: 0px;
 margin-bottom: 0px;
}

div.hidden {
 display: none;
}

div.visible {
 display: block;
}

/* Display scrollbar if newssection becomes larger than placeholder
 * Simply 'guesstimates' holder to be around 315 pixels. (Looked good ;))
 */

div.newsscroll {
 overflow: auto;
 height: 290px;
 font-size: 100%;
}

div.latestpost { 
 height: 60px;
 font-size: 100%;
}

.centered { text-align: center }
.board-cell { width: 90px }
.top { vertical-align: top }