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


body{
	font-family: Arial,sans-serif;
	font-size: .9em;
	color: #494949;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background:url(http://public.saskmassagetherapy.com/images/custom_mtas/bg.gif) repeat-x #FFFFFF; }

div, img, p, h1, h2, h3, ul, li{
	padding:0;
	margin:0;}

a:link, a:visited, a:hover {
	color: #f8992d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 2.1em;
 color: #66ae3e;
}

h2{
 font-size: 1.3em;
 color: #555555;
 font-weight:normal}

h3{
 font-size: 100%;
 color: #f8992c;}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;}

h5{
 font-size: 100%;
 color: #334d55;}


p{padding: 0px 0px 10px 0px;}


ol li{padding-bottom:8px;margin-left:30px;}

#content ul li {
background: url(http://public.saskmassagetherapy.com/images/custom_mtas/li.gif) 0 7px  no-repeat;
		list-style-type: none;
		padding: 0 0 0 10px;
		margin: 0 0 5px 5px;
		}

label{ font: bold 100% Arial,sans-serif;}
img{border:0px;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper{
	width:960px;
	margin:0px auto;
	background:#FFFFFF;}

#masthead{
	margin: 0;
	padding: 0px;
	width: 100%;
	background: url(http://public.saskmassagetherapy.com/images/custom_mtas/mtas_head.gif) no-repeat;
	height:110px;}

#masthead h1{margin:10px 0 0 130px;}

#masthead h2{margin:0px 0 0 130px;}

#page{background: url(http://public.saskmassagetherapy.com/images/custom_mtas/bg_nav.gif) no-repeat #f4f3ec;}


#navBar{
	margin: 0 79% 0 0;
	padding: 10px 0px;}

#content{
  float:right;
	width: 760px;
	margin: 0;
	padding: 0 8px ;
	background:#ffffff;
	min-height:400px;}



#siteInfo{
	clear: both;
	background:#949494;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;}


#siteInfo img{
	vertical-align: middle;}




/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/


#left{float:left;width:372px;}
#right{float:right;width:372px;}

#right h1,#left h1{
 font-size: 1.2em;
 color: #555555;
 font-weight:normal}
















/* --------------------------------------------------------------------- */
/*default table colors*/


td.formLabels {
	color:#67ae3e;
	padding:5px;
	border-bottom:1px solid #cccccc;	}

td.formFields {
	color:#000000;
	padding:5px;
	border-bottom:1px solid #cccccc;}





.resulthead, td.formHeading, td.formheading, tr.formHeading td, .formHeading, tr.formHeaders td{
	font-size: 1.0em;
	margin:0 0px 8px 0;
	color:#555555;
	padding:5px;
	background: #f4f3ec;
	color:#5f6062;
}



.resultheadpast {
	font-size: 13px;
	margin:0px;
	color:#555555;
	padding:5px;
	background: #FFFFFF url("http://public.saskmassagetherapy.com/images/custom_mtas/bg.gif") top repeat-x;}


.resultcell{
color:#f8992d;
	padding-left:5px;
	border-bottom:1px solid #cccccc;
	padding:5px;}

.date{
	text-align:right;
	font-size:10px;
	color:#5a5a5a;}


.dateMain{
float:left;
display:block;
margin:9px;
width:4.5em;
padding:5px;
background-color:#949494;
text-align:center;
color:#ffffff;
font-weight:bold;}

.eventLocation{clear:both;
padding:5px;
text-align:right;
margin-bottom:17px;
color:#67ae3e;}


.buttonrow {
text-align:right;
	padding: 2px 4px;}






/*  Index Highlight CSS */

 .highlight {
	color: #000000;
	text-decoration: none;
	line-height: 1.5em;	}

.highlight a, .highlight a:link, .highlight a:active, .highlight a:visited{
	color: #000000;
	text-decoration: none;
	line-height: 1.5em;	}

.highlight a:hover {
	color: #000000;
	text-decoration: none;
	line-height: 1.5em;
	background-color:#ECF1F5;
	display:block;	}



.pendingFields {
	background-color: #c5c5c5;
	padding-left:5px;
	font-style: italic;
	font-weight: bold;}

.pagecur {
	FONT-SIZE: 16px; COLOR: #000000; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.surveyHeader {
	border: #555555 1px solid;
	padding: 2px 5px 2px 5px;
	margin: 0px;
	background-color: #ecf1f5;
	font-size: 10pt;
	color: #4c4c4c;
	font-weight:bold;}

.surveyOptions {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 0px;
}
.headrow{
	font-size: 13px;
	margin:0px;
	color:#555555;
	padding:5px;
	background: #FFFFFF url("http://public.saskmassagetherapy.com/images/custom_mtas/bg.gif") top repeat-x;}
}
.posttable{
	border-top: solid  1px #555555;
	border-bottom:solid  1px #555555;
	background-color: #FBFCFD;
	color:#000000;}





















/***********************************************************************
Public Calendar
 **********************************************************************/



.special{
	color: #000000;
	background: #d5efc0;
	text-align: center;
	font-weight: bold;
	padding: 1px;
	border: 1px solid #000;
	}



.calendar thead .title { /* Top Month & Year (ie. July, 2004) */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #ffffff;
  color: #000000;
  text-align: center;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
 color: #ffffff;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  padding: 2px;
  text-align: center;
  background: #d5efc0;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #ffffff;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #000000;
}


.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #f8992d;
}


.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 1px;
  border: 1px solid #000;
  background: #d5efc0;
  color: #ffffff;
  text-align: center;
}

#######################################
# This is the common area and would
# include any of the CSS tags that
# not change
#######################################
?>
/* The main calendar widget.  DIV containing a table. */


/***********************************************************************
	ONLY EDIT SPECIFIED SECTIONS BELOW!!
 **********************************************************************/


.calendar {
  border-top: 2px solid #000;
  border-right: 0px solid #000;
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  position: relative;
  display: none;
  font-size: 11px;
  color: #ffffff;
  cursor: default;
  font-family: Garmond, Arial, Times New Roman;
}

.calendar table {
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #fff;
  font-family: Garmond, Arial, Times New Roman;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 2px;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
  color: #000;
}


.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #f1f1f1;
  color: #000;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #ffffff;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {

  border-right: 1px solid #000;
  background: #e8f4f0;
}


.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #f1f1f1;

}

.calendar tbody td.active { /* Active (pressed) cells <TD> */

  background: #f1f1f1;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;

  border:  0px solid;
  border-color: #000 #fff #fff #000;
  background: #ffffff;
}


.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}


.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: smaller;
  padding: 1px;
}

.combo .label,
.combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.combo .label-IEfix {
  width: 4em;
}

.combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}










/***********************************************************************
Search
 **********************************************************************/


.searchresult{
margin:8px 0px 20px 0;
border-bottom:1px solid #efefef;
padding:5px;}


.searchresult strong{
text-transform:uppercase;
color:#396f35;}


.formHeading strong{
color:#999999;}








/***********************************************************************
Classifieds
 **********************************************************************/
.post {
	margin-bottom: 10px;
	padding: 1px 5px;}

.post .header,.postdetail .header {
font-size: 1.0em;
	margin:0 0px 8px 0;
	color:#555555;
	padding:5px;
	background: #f4f3ec;
	color:#5f6062;
	display:block;}

.post .popouter {
	position:relative;
	display:none;
	z-index:99;}

.post .popinner {
	position:absolute;
	float:left;
	background:#ffffff;
	padding:5px;
	text-align:left;}

.post .content {
	padding: 0 5px 8px 0px;
	float:left;}

#content .post p {
	margin: 0 0 10px 0;
	padding: 0;}

.post .post_footer {
	clear:both;
	padding:5px;margin:8px 0px;
	font-size:0.8em;
	border-bottom:solid 1px #efefef;
	color:#999999;}

.post .meta {
	font-size: 10px;
	padding: 5px 5px 5px;
	clear: both;
	margin-top: 2px;
	text-align:center;
}

.post .readmore {
	float: right;
	display: block;
	padding: 0 0 0 14px;
	margin: 0 7px 0 0;
	background: url('http://public.saskmassagetherapy.com/images/custom_mtasarrow_more.gif') no-repeat left top;
}

.post .price {
	float:right;
	font-weight:bold;
	font-size:12px;
	position:relative;
	top:-14px;}

.post .category {
	float:left;
	position:relative;
	top:-14px;
	z-index:0;}

.postdetail {
	margin-bottom: 20px;
	padding: 1px 5px;}

.postdetail .price {
	float:left;
	font-weight:bold;
	font-size:12px;
	padding: 5px;
	background-color:#e0dfe3;
	text-align:center;
	margin-top:5px}



.postdetail .content {
	padding: 45px 5px 8px 0px;
}

#postphoto {
	position: absolute;
	right:5px;
	width:210px;
	top:0px;
	background:#fff;
	border: 1px solid #f4f3ec;
	text-align:center;}

#postphoto img {
	width:200px;
	margin: 5px 2px;}

#postlgphoto {
	position: absolute;
	right:5px;
	width:310px;
	top:0px;
	background:#fff;
	border: 1px solid #f4f3ec;
	text-align:center;}

#postlgphoto img {
	width:300px;
	margin:5px 2px;}

#banner {padding: 5px;}

/* -----------  career --------------------------- */
.career{ margin:8px 5px;width:100%;}

.career_header{
	font-size: 1.0em;
	margin:0 0px 8px 0;
	color:#555555;
	padding:5px;
	background: #f4f3ec;
	color:#5f6062;
	display:block;}

.career_content p{width:40%;float:left;}

.career_contact{line-height:1.5em;
	float:right;padding:5px;width:30%;}

.career_footer{clear:both;
	padding:5px;margin:8px 0px;
	font-size:0.8em;
	border-bottom:solid 1px #efefef;
	color:#999999;}

.career_category{margin-left:150px;}

.careerFull p {padding: 10px 5px 8px 8px; text-align:justify;}