/* --------------------------------------------------------------------- */
/*typography*/

html,body{
	background:#379E80;
  	background-image: url('http://public.saskchiropractic.ca/images/custom_spine/bg.gif');
  	background-repeat: repeat-x;
	font: 13px verdana,arial,helvetica,clean,sans-serif; 
	color: #FFFFFF;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}


body{  
	min-width:726px;
  	text-align:center;
	}
	

a{
	color: #ebdaaa;
	text-decoration: none;
}
a:hover {
	color: #ebdaaa;
	text-decoration: underline;
}
img{
	border: 0;
}	
	


p, td{
	line-height: 1.5em;
	margin: 0.0em 0em 2em 0em;
	font: 13px verdana,arial,helvetica,clean,sans-serif;
	}	
	
	
	
/* --------------------------------------------------------------------- */
/*custom navigation*/	



.homelink:link, .homelink:visited, .homelink:active {
text-decoration: none;
background-image: url(http://public.saskchiropractic.ca/images/custom_spine/nav_home.png);
text-decoration: none;
width: 79px; /* use you own image size; */
height: 76px; /* use you own image size; */
background-repeat: no-repeat;
background-position: left top;
display: block;
}

.homelink:hover{
background-image: url(http://public.saskchiropractic.ca/images/custom_spine/nav_home_over.png);
text-decoration: none;
width: 79px; /* use you own image size; */
height: 76px; /* use you own image size; */
background-repeat: no-repeat;
background-position: left top;
display: block;
}

.gamelink:link, .gamelink:visited, .gamelink:active {
text-decoration: none;
background-image: url(http://public.saskchiropractic.ca/images/custom_spine/nav_games.png);
text-decoration: none;
width: 79px; /* use you own image size; */
height: 76px; /* use you own image size; */
background-repeat: no-repeat;
background-position: left top;
display: block;
}

.gamelink:hover{
background-image: url(http://public.saskchiropractic.ca/images/custom_spine/nav_games_over.png);
text-decoration: none;
width: 79px; /* use you own image size; */
height: 76px; /* use you own image size; */
background-repeat: no-repeat;
background-position: left top;
display: block;
}


.teacherslink:link, .teacherslink:visited, .teacherslink:active {
text-decoration: none;
background-image: url(http://public.saskchiropractic.ca/images/custom_spine/nav_teachers.png);
text-decoration: none;
width: 79px; /* use you own image size; */
height: 76px; /* use you own image size; */
background-repeat: no-repeat;
background-position: left top;
display: block;
}

.teacherslink:hover{
background-image: url(http://public.saskchiropractic.ca/images/custom_spine/nav_teachers_over.png);
text-decoration: none;
width: 79px; /* use you own image size; */
height: 76px; /* use you own image size; */
background-repeat: no-repeat;
background-position: left top;
display: block;
}














/* --------------------------------------------------------------------- */
/*theme*/	



.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/
#fullheightcontainer{
  margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  text-align:left; /*** IE Win re-alignment of page if page is centered ***/
  position:relative; /*** Needed for IE, othewise header and footer aren't contained
directly above and below the body ***/
  width:726px; /*** Needed for Moz/Opera to keep page from sliding to left side of
page when it calculates auto margins above. Can't use min-width. Note that putting
width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
}


/* Last style with height declaration hidden from Mac IE 5.x */
/*** Fixes height for IE, back to full height,
from esc tab hack moz min-height solution ***/
#outer{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  margin-left:111px; /*** Critical left col dimension value = left col width ***/
  width:615px; /*** Critical left and right col/divider dimension value (moves inversly) = center col width ***/
 
/* \*/

}
#left{
  width:112px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
  float:left;
  display:inline;
  position:relative; /*** IE needs this or the contents won't show
outside the parent container. ***/
  margin-left:-111px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
}
*>html #left{width:111px;} /*** Fix only for IE/Mac = left col width + one internal border width ***/
#container-left{
  width:111px; /*** Critical left col dimension value = left col width - 1px ***/
}
/*** Static fixes ***/

/*** a Note on the Holly hack: if IE/Win shows bugs it's a good idea to apply the height:1%
     hack to different elements and see if that fixes the problem. Sometimes it may be
     necessary to use "position: relative;" on certain elements, but it's hard to tell in
     advance which elements will need such fixes. ***/
/*** This is a STATIC fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
/*** All the IE fixes that are inside seperate "Mac-hacks" may be grouped within
     just one Mac-hack for convenience if desired. However, each fix must come
     later than the rule it is fixing or the fix itself will be overridden. ***/
#center{
  width:615px; /*** Set to = center col width ***/
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
/*** clearheader heights are made from header height + borders +
any sidebar box height, less any sidebar intrusion.
Similar calcs for footers. ***/
#clearheadercenter{
  height:110px; /*** needed to make room for header in center column ***/
  overflow:hidden;
}
#clearheaderleft{
  height:110px; /*** needed to make room for header in left column ***/
  overflow:hidden;
}





#clearfootercenter{
  height:110px; /*** needed to make room for footer in center column ***/
  overflow:hidden;
}
#clearfooterleft{
  height:110px; /*** needed to make room for footer in left column ***/
  overflow:hidden;
}



#mainfooter{
  	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  	position:absolute;
  	clear: both;
  	width:726px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
Both External Borders ***/
	background-image:url('http://public.saskchiropractic.ca/images/custom_spine/banner.png');
  	background-repeat: no-repeat;
	background-position:  right; 
  	height:110px; /*** = Bottom Margin + One Outer Border + body to footer divider depth +
subfooter1 height + any other subfooter heights ***/
  	overflow:hidden;
  	margin-top:-110px; /*** negative height ***/
	}
	
	
#subfooter1{
   text-align:center;
  	height:110px;
	}

#subfooter1 p.copyright{
	color: #544218;
	font:10px tahoma, verdana; 
	font-weight:bold;
	margin: 3.5em 0.0em 0.0em 1.5em;
	position:absolute; 
	left:58px;
	 }

#subfooter1 p.links{
	color:  #544218;;
	font:12px tahoma, verdana; 
	font-weight:bold;
	margin: 2.5em 0.0em 0.0em 1.5em;
	position:absolute; 
	right:58px;
	 }


#subfooter1 a{
	color:  #544218;
	text-decoration: none;
	font-weight:normal;
}
#subfooter1 a:hover {
	color:  #544218;
	text-decoration: underline;
}




#header{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:absolute;
  top:0px;
  width:726px; 
  height:90px;
  background-image:url('http://public.saskchiropractic.ca/images/custom_spine/banner_top.png');
  background-repeat: no-repeat;
  background-position:  right;  
  }

#subheader1{
   	
  	text-align:center;
  	height:90px; /*** sub-header row height ***/
}

#subheader1 p{
	color:  #544218;
	font:28px Georgia, "Times New Roman", Times, serif; 
	font-weight:bold;
	margin: 1em 0.0em 0.0em 1.5em;
}




#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:615px; /*** = Center Col Width ***/
  margin-left:111px; /*** = Left Col Width ***/
}
* html #gfx_bg_middle{
  display:none; /*** Hides the moz fix from IE ***/
}

<!--[if IE]>
<style type="text/css">
/*** The rule below prevents long urls from widening floated cols and breaking the layout
     in IE. It is not W3C valid, but if placed within a "Conditional comment" it will be hidden
     from all user agents other than IE/Win, and thus validate. This fix fails in IE5/Win.
     http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp ***/
#outer{word-wrap:break-word;}
</style>
<![endif]-->















/* This section provides the css for a table with scroll bar */
/* Terence Ordona, portal[AT]imaputz[DOT]com         */
/* http://creativecommons.org/licenses/by-sa/2.0/    */

/* begin some basic styling here                     */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #ECF1F5;
	height: 285px;
	overflow: auto;
/*	width: 756px     */
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
/*	width: 756px   */
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
/*	width: 740px  */
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	text-decoration: none;
/*	width: 756px      */
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background-color: #ECF1F5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #000000;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #000000;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	width: 100%;
	text-decoration: none;
	font-size:15px;
}
.matsDate
	{
	font-size: 88%;
	line-height: 1.4em;
	margin: 0 0 0.4em 0;
	padding: 0;
	}

p.MTASsub
	{
	color: #999;
	margin: 0.5em 0 0.8em 0;
	padding: 0 0 0.8em 0;
	border-bottom: 1px dotted #bba;
	font-size: x-small;
	}

p.MTASsub a
	{
	color: #777;
	}

p.MTASsub a:hover
	{
	color: #332;
	}
	


	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* --------------------------------------------------------------------- */
/*default table colors*/
.cssform label {background-color: #ffffee;
	color:#000000;
	border-bottom:1px solid #eee2a1;
	padding:5px;}

.cssform input {margin:3px 5px;}





td.formLabels {
	background-color: #ffffcc;
	color:#000000;
	font-weight: bold;
}
td.formFields {
	background-color: #ffffee;
	color:#000000;
}
td.formheading {
	height:25px;
	background-color:#CDA83B;
	color:#ffffff;
	font-weight:bold;
}
.resulthead {
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:3px 6px;
	background-color:#544218;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}
.resultheadpast {
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:3px 6px;
	background-color:#3a3a3a;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

.resultcell{
	background-color: #ffffcc;
	color:#000000;
	font-weight: bold;
}









/*  Index Highlight CSS */
 .formbutton{

cursor:pointer;
border:outset 0px #cda83b;
background:#ffffff;
color:#000000;
font-weight:bold;
padding: 1px 2px;
background:url(http://public.saskchiropractic.ca/images/custom_spine/btn.png) no-repeat right top;
height:32px;
text-align:center;
padding:5 0 0 0;
}

 .highlight {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 1.5em;
	}
.highlight a, .highlight a:link, .highlight a:active, .highlight a:visited{
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 1.5em;
	}

.highlight a:hover {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 1.5em;
	background-color:#ECF1F5;
	display:block;
	}



.pendingFields{
   background-color: #c5c5c5;
   font-size: 12px;
   font-style: italic;
   font-weight: bold;
 }

.pagecur {
  	FONT-SIZE: 16px; COLOR: #000000; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
	.surveyHeader
{
    BORDER-RIGHT: #49739E 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #49739E 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: #49739E 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #49739E 1px solid;
    BACKGROUND-COLOR: #ECF1F5;
	FONT-SIZE: 10pt;
    COLOR: #4C4C4C;
	font-weight:bold;
    FONT-FAMILY: Verdana, Arial;
}


	.surveyOptions
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0px;
}
.headrow{
	font-size:14px;
	color: #ffffff;
	font-weight:bold;
	background-color:#49739E;
	height:10px;
}
.posttable{
  border-top: solid  1px #49739E;
  border-bottom:solid  1px #49739E;
	background-color: #FBFCFD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}