/*
 * local styles for sk8stuff sites (this sheet holds all styles that are 
 * used in www1.sk8stuff, etc (mostly gray tables, etc)

 * this local stylesheet is used in conjunction with common common_style.css
 * Major Colors:
 * 	page background:  								d3e5ee		light blue
 *		highlightbox	               #d9bb7a		ffffcc		a little darker
 *		borders, h1...h6					#663300   	663300		saturated blue
 *		leftbutton border									dc2a02		red
 *		another possibly useful color	#9999ff
 *		another possibly useful color	#663300
 */

/*
 ****************************************
 * font sizes for local elements
 ****************************************
 */
@media screen {
	table.glistb_small td, table.glistnb_small td { font-size: 10px; }
	table.glistb_small th, table.glistnb_small th { font-size: 12px; }
	table.glistb_med td, table.glistnb_med td { font-size: 12px; }
	table.glistb_med th, table.glistnb_med th { font-size: 14px; }
	table.elementbox th, table.elementbox td { font-size: 12px; }
	table.resusumry th, table.resusumry td { font-size: 12px; }
   table.disptable th, table.disptable td { font-size: 12px; }
   table.disptablesmall th, table.disptablesmall td { font-size: 10px; }

	div.topbnav { font-size: 10px; }
	table#footer td, div.footer { font-size: 10px; }
	table.menuform th, table.menuform td { font-size: 12px; }

	body { background: #ffffff; width: 740px; }
}
@media print {
	table.glistb_small td, table.glistnb_small td { font-size: 8pt; }
	table.glistb_small th, table.glistnb_small th { font-size: 9pt; }
	table.glistb_med td, table.glistnb_med td { font-size: 9pt; }
	table.glistb_med th, table.glistnb_med th { font-size: 10pt; }
	table.elementbox th, table.elementbox td { font-size: 9pt; }
	table.resusumry th, table.resusumry td { font-size: 8pt; }
   table.disptable th, table.disptable td { font-size: 10pt; }
   table.disptablesmall th, table.disptablesmall td { font-size: 8pt; }

	div.topbnav { font-size: 8pt; }
	table#footer td { font-size: 8pt; }
	table.menuform th, table.menuform td { font-size: 9pt; }

   /* this body width statement replaces width statements in footer / body / etc  */
   /* this is different than all other family stylesheets (sep2005) */
	body { width: 674px; }
}


body { 
	margin-left: 4px; 
	margin-right: 4px;
}

/* over-ride the default paragraph style set in common_style */
p { font-style: normal; }

/*
 *************************************
 * general color related styles
 *************************************
 */

a:link {color: #990000;}
a:visited {color: #990099;}

a.infobut:link, a.infobut:visited { 
   text-decoration: none; background: orange; color: black; padding: 2px; font-weight: bold;
}
a.infobut:hover{ 
   text-decoration: none; background: yellow; color: black; padding: 2px;  font-weight: bold;
}
   

td.shaded, tr.shaded, .shaded {
	background: #e0e0e0;
}

h1, h2, h3, h4, h5, h6 {
	color: black;
}
em {
	color: black;
	font-weight: bolder;
}

/* major characteristics of highlightblock are defined in common_style */
.highlightblock {
	background: #e0e0e0;
	border: 1px solid black;
}
.insidetitle {
	background: #404040;
	color: white;
}

/* applied to a div with for navigation links, typically at top of a page */
.topbnav {
	margin-bottom: 24px;
   margin-top: 12px;                                      
   padding: 1px;                         
	font-style: normal;
	text-align: center;
}

/*
 ******************************************
 * page structural areas
 ******************************************
 */
div#footer, table#footer {
	margin-top: 15px;
	border-top-width: 2px;
	border-top-color: #808080;
	border-top-style: solid;
	padding-top: 5px;
	width: 100%;
	font-size: 0.75em;
}
div#footer , table#footer td {
	color: #808080;
	width="100%";
}

div#footer  div.sfl {
   text-align: left; float: left; width: 328px;
}
div#footer div.sfr {
   text-align: right; float: right; width: 328px;
}

/*  div id="textcontent" typically used on mostly-text non-menu pages */
div#textcontent {
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
}
div#textcontent p {
   margin-top: 4px;
}

/*
 *******************************************************************************
 * tables for GENERAL LIST data. 
 * headers are colored and are assumed on top of list, centered
 * all cells are no-wrap by default but any td or th can have class="wrapok" added
 * the glistb flavor of tables have borders, the glistnb have no borders
 * the _small and _med refer to text size
 *
 * These tables are typically on standalone pages, not on menu pages
 ****************************************************************************** 
 */
 
table.glistb_small, table.glistb_med {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
	padding: 0px;
	border: 1px solid black;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px; 
}
table.glistb_small th, table.glistb_med th {
	background: #808080;
	padding: 1px 3px 2px 3px;
	border-left: 1px solid #ffffff;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	color: white;
	border: 2px solid #808080;
}
table.glistb_small td, table.glistb_med td {
	padding: 2px 3px 3px 3px;
	border-top: 1px dotted #808080;
	border-left: 1px solid #808080;
	white-space: nowrap;
	margin: 0px;
}
table.glistb_small th.leftedge, table.glistb_med th.leftedge {
	border-left: 1px solid #808080;
}

table.glistnb_small, table.glistnb_med {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
	padding-bottom: 3px;
	border-bottom: 2px solid #808080;
}
table.glistnb_small th, table.glistnb_med th {
	background: #808080;
	padding: 1px 3px 2px 3px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	color: #ffffff;
	border: 2px solid #808080;
}
table.glistnb_small td, table.glistnb_med td {
	padding: 3px 3px 3px 3px;
	white-space: nowrap;
}
table.glistnb_small td.wrapok, table.glistnb_med td.wrapok, table.glistb_small td.wrapok, table.glistb_med td.wrapok {
	white-space: normal;
}
table.glistnb_small th.wrapok, table.glistnb_med th.wrapok, table.glistb_small th.wrapok, table.glistb_med th.wrapok {
	white-space: normal;
}

table.glistnb_small td.botnote, table.glistnb_med td.botnote, table.glistb_small td.botnote, table.glistb_med td.botnote, table.skedbox td.botnote {
   white-space: normal; 
   border-top: 8px solid #808080; 
   background: #e0e0e0; 
   font-size: 0.8em; 
   font-style: normal;
   padding: 4px;
}

/*
 *********************************************************
 * table for pretty display in non-menu pages
 *   (such as "about_levels_and_testing")
 * generally looks best if table has cellspacing="0"
 *********************************************************
 */

table.disptable, table.disptablesmall {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
	padding: 0px;
	border: 2px solid #606060;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; 
}
table.disptable th, table.disptablesmall th {
	background: #c0c0c0;
	padding: 2px 3px 3px 3px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #c0c0c0;                                   
}
table.disptable td, table.disptablesmall td {
	padding: 2px 3px 3px 3px;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
}
table.disptable td.leftedge, table.disptablesmall td.leftedge {
	border-left: none;
}
table.disptable td.topedge, table.disptablesmall td.topedge {
	border-top: none;
}
table.disptable th.needbottom, table.disptablesmall th.needbottom {
   border-bottom: 1px solid #808080;
}

table.disptable h3 {
   margin-top: 3px;
}

/*
 **************************************************
 * Table for Menu Form on a non-menu page
 *  (such as practice ice menu, or practice login) 
 **************************************************
 */

 table.menuform {
 	margin-left: 12px;
 	margin-right: 12px;
 	margin-top: 8px;
 	margin-bottom: 8px;
 	padding: 2px;
 	border: 1px solid black;
 	background: #e0e0e0;
 	}
 table.menuform th {
	color: white;
	font-weight: bold;
 	white-space: nowrap;
 	text-align: left;
 	background: #808080;
 	padding: 3px;
 }
 table.menuform td {
 	padding: 3px;
 }


/*
 *******************************************
 * Table for Element Lists, etc
 *******************************************
 */

 table.elementbox {
 	margin-left: 12px;
 	margin-right: 12px;
 	margin-top: 8px;
 	margin-bottom: 8px;
 	padding: 2px;
 	border: 1px solid black;
 	background: #e8e8e8;
 	}
 table.elementbox th {
	color: white;
	font-weight: bold;
 	white-space: nowrap;
 	text-align: left;
 	background: #808080;
 	padding: 3px;
 }
 table.elementbox td {
 	padding: 3px;
 	border-bottom: 1px dotted #808080;	
 }
 
table.elementbox td li { list-style-type: disc; }
table.elementbox td ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0.95em;
	padding-left: 0.6em;
}

/* 
 ************************************************************
 * multibox is for highlight blocks that need multi columns 
 * this is typically used to display a small table of info
 * (like the tables on the regionals_cutoff_dates page)
 * (also jump_limits, isu_short_prog_deduct, general_deduct)
 *
 * the .multiheadline is used as a div inside a data block
 * to add what looks like an internal "th" divider/spacer
 * (like on the learn-to-skate chart on the basic ref menu)
 *
 * normal text blocks ==================
 *   these are of form td.mlXXX where XXXX are concatenated
 *      b,s : b=dashed border; s=solid border (if absent, no border)
 *      c : centered text (if absent, left justified)
 *      r : no wrap (if absent, wrappable)
 *
 * subhead blocks ======================
 *    td.mlhl, td.mlhr are for left-side headings if desired
 *       these have slightly darker background, no left border,
 *       and bold text; .mlhl is left justified, .mlhr is right.
 ************************************************************
 */
table.multibox {
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 1px;
	border: 1px solid black;
	background: #e8e8e8;
	}
table.multibox td {
	font-size: 90%;
	padding: 1px 4px 1px 4px;
}
table.multibox th {
	background: #808080;                               
	color: white;
	padding: 2px 4px 2px 4px;
}

table.multibox td.mlb {
	border-left: 1px dotted #808080;
}
table.multibox td.mlbc {
	border-left: 1px dotted #808080;
	text-align: center;
}
table.multibox td.mlbcr {
	border-left: 1px dotted #808080;
	text-align: center;
 	white-space: nowrap;
}
table.multibox td.mlbr {
	border-left: 1px dotted #808080;
 	white-space: nowrap;
}

table.multibox td.mls {
	border-left: 1px solid #808080;
}
table.multibox td.mlsc {
	border-left: 1px solid #808080;
	text-align: center;
}
table.multibox td.mlscr {
	border-left: 1px solid #808080;
	text-align: center;
 	white-space: nowrap;
}
table.multibox td.mlsr {
	border-left: 1px solid #808080;
 	white-space: nowrap;
}


table.multibox td.mlc {
	text-align: center;
}
table.multibox td.mlcr {
	text-align: center;
 	white-space: nowrap;
}
table.multibox td.mlr {
 	white-space: nowrap;
}


table.multibox td.mlhl {
   font-weight: bold;
   text-align: left;
   background: #eeeebb;
} 
table.multibox td.mlhr {
   font-weight: bold;
   text-align: right;
   background: #eeeebb;
} 
.multiheadline {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 1px;
	background: #808080;
	text-align: left;
	color: white;
	padding: 2px;
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
}

/*
 **************************************************
 * resusumry is for very compact result summary
 * like eglr05, eglr06 summary
 * it is bordered and has tiny boxes for each
 * event;  
 * td.final makes shaded bordered box for finals
 **************************************************
 */
table.resusumry {
	margin-left: 12px;
	margin-right: 12px;
	margin-top: -6px;
	margin-bottom: 8px;
	padding: 0px;
	border: 1px solid #663300;
	background: #ffffcc;
	}
table.resusumry td {
	padding: 2px 6px 2px 6px;
}
table.resusumry th {
	border: 1px solid #663300;
	font-weight: bold;
	white-space: nowrap;
	padding: 1px 3px 1px 3px;
	background: #663300;
	color: #ffffcc;
	text-align: left;
}
table.resusumry td.final {
	border: 1px solid #663300;
	background: #eeeebb;
}


/* stuff to support schedule printer */

table.skedbox {
   border: 1px solid black;
   margin: 6px 0px 4px 4px;
   padding: 0px;
}

table.skedbox th {
   background: #c0c0c0;
   font-size: 14pt;
   font-weight: bold;
   padding: 4px 0px;
   border-bottom: 1px solid black;
}

table.skedbox td {
   padding-top: 0px;
   padding-bottom: 0px;
   font-size: 10pt;                                 
}

@media print {
   table.skedlong td { font-size: 8pt; }  
} 

/* this is the wide box at bottom of a skedbox that holds notes */                               
div.skednote {  
   margin-top: 8px;                               
   margin-left: 8px;                              
   margin-right: 8px;
   border-left: 3px solid black;
   padding: 6px 8px;
   font-size: 0.8em;
   background: #e0e0e0;
}

table.skedbox tr.zam td {
   font-weight: bold;
}

/* 
 * formbutton is a generic button for forms on gray sk8stuff pages (d0d0d0) (ffcc99) 9999ff
 */
    
span.formbutton {          
   background: #bbbbff;                 
   padding: 3px 6px; 
   margin: 3px; 
   border-top: 1px solid #505050; 
   border-right: 2px solid #202020;
   border-bottom: 2px solid #202020;
   border-left: 1px solid #505050;
   font-weight: bold;
	font-size: 0.75em;
	text-align: center;
}                              

span.formbutton a:link, span.formbutton a:visited {
   text-decoration: none;
   color: #505050;
}

span.formbutton a:hover {
   text-decoration: none;
   color: white;
}