/*
 * Findatutor.css - CSS sheet for findatutor.ca websites
 * 8 Feb 2013 - Revised .tutorlisting h2 so long listing titles wrapped, and reduced padding for areas so they didn't jump down a line (and wrapped as well)-Johanna
 */


 
 
body#tinymce.mceContentBody{
  background-color: white !important; 
}
 
div.tutor-rank {
  position: absolute;
  margin: 30px;
  font-size:  100px;
  opacity: 0.3;
}   
 
div.block-fatsearch {
  background:#DDDDDD none repeat scroll 0 0;
  border:1px solid black;
  padding:0 5px;
  /* width:620px;
  //position: absolute; 
  //left:250px; 
  //top: 100px; */
  margin: -40px -30px 40px 
}

div.block-fatsearch p, div.block-fatsearch form {
  margin:0;
  padding:0;
 
}

div.block-fatsearch h2 {
  margin:0;
  padding:0;
  font-size: small;
  text-align: center;
}  

p.smalltext, p.smalltext-right {
  font-size:x-small;
}

p.smalltext-right {
  text-align:right;
  clear: both;
}

p.search {
  text-align:center;
}

table.tutor0, table.tutor1, table.tutor2 {
  width:100%;
}

table.tutor1 td, table.tutor2 td {
  vertical-align:middle;
}
      
.searchbox-filter{
  clear: left;
}





div.keywordField {
  float: left;
  padding: 0 1em;
}

.keywordField label {
  float:left;
  padding: 0 1 em;
}

.keywordField input {
  height: 14px;
}

div.onlineField {

  float: left;
}
div.privateField {
  padding: 0 1em;
  float:left;
}


.tutoradmin {
  background-color: #ccc;
  margin: 10px;
  padding: 5px;
  font-size: 80%;
  clear: both;
}  

.searchbox div {
  float:left;
  margin:2px 4px;
  padding: 0;

}
.adheadline, a.adheadline {
  color:#000000;
  list-style-type:none;
  font-size:12px;
  font-weight:bold;
  margin:4px;
  text-decoration:underline;
  padding: 0;
}
.adbody {
  color:#333333;
  list-style-type:none;
  font-size:10px;
  margin:6px;
  padding: 0;
}
.adurl {
  color:#666666;
  list-style-type:none;
  font-size:10px;
  margin:4px;
} 


ul.adbox {
  margin: 0;
  padding: 0;
}  

div.oneline, div.oneline form, div.oneline div {
  display: inline;
}

#user-login-form li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 95%;
}
#user-login-form ul {
  margin: 0;
  padding:0;
}    

/* New fatlisting css files */


.page-node #content-wrap .user-picture img,  .node-teaser .user-picture img {
  width: 100%;
 
  max-width: 100%;
}

.node-teaser img.fatlisting-icon, .page-node #content-wrap img.fatlisting-icon{
  border: none;
  margin: 0 0 0 0;
  padding: 0;
  display: inline;
  float: none;
}

/* E-mail form */

.fatemail-form label {
  width: 25%;
}

div.fatemail-form div.resizable-textarea {
  margin-left: 0;
  margin-right: 0;
}

/*  Side ads themeing */

.fatads-textad {
  clear: both; 
  cursor: pointer; 
  width: 140px; 
  margin: 10px auto; 
  border: thin solid black;  
  text-align: center;
  word-wrap: break-word;
}

#content .fatads-textad {
  clear: none;
  float: left;
  margin: 10px;
}

.fatads-imagead {
  clear: both; 
  margin: 10px auto; 
  cursor: pointer; 
  text-align: center;
  
}

#content .fatads-imagead {
  clear: none;
  width: 30%;
  float: left;
}

.fatads-details {
  width: 30%;
  float: left;
  margin: 10px;
}

.fatads-ppd-form {
  width: 30%;
  float: left;
}

#edit-doadmin {
  width: 400px;
  float: right;
}

.searchbox .form-select {
  font-size: 150%;
}

.searchbox .form-submit {
  font-size: 125%;
}

.header {
  padding: 0;
}


.fatlisting-title {
  font-weight: bold;
}

a.tabledrag-handle .handle {
  box-sizing: initial;
}

/*Everything from here down if for responsive design.  Should be cleaned up. */

* {
		box-sizing:border-box;
	} 
	
	/* For mobile phones: */
	
	.col-m-1 {width: 15%;}
	.col-m-2 {width: 85%;}
	.col-m-3 {width: 100%;}
	
	
	@media only screen and (min-width: 550px) { /*sizing for all other windows*/
	.col-1 {width: 10%;}
	.col-2 {width: 20%;}
	.col-3 {width: 30%;}
	.col-4 {width: 40%;}
	.col-5 {width: 50%;}
	.col-6 {width: 60%;}
	.col-7 {width: 70%;}
	.col-8 {width: 80%;}
	.col-9 {width: 90%;}
	.col-10 {width: 100%;}
	}
		
	[class*="col-"]{
		float: left;
		padding: 0;
		/*border:1px solid red;for debugging only REMOVE WHEN DONE*/
	}
	
	.row::after{
		content:"";
		clear: both;
		display: block;
	}
		
#content-wrap div.fat-listing img.marquee {
		height: 10em;
		max-width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
		
        .marquee {
			max-width: 100%;
			height: inherit;
			margin-left: auto;
		    margin-right: auto;
			padding: 3px;
		}
	
 #content div.fat-listing  {
          border: solid 2px gray;
          border-bottom: solid 2px gray;
         /* min-width: 600px;*/
          max-width: 800px;
		      margin: 1em 0;
          padding: 0 0.5em;
		  

        }
#content .fat-listing  {
          border: solid 2px gray;
          border-bottom: solid 2px gray;
         /* min-width: 600px;*/
          max-width: 800px;
		  margin: 2%;

        }		
		.fat-listing h2 a {
			color: green;
			font-weight: bold;
			font-size: 20px;
		}
		
		/* .fat-listing div {
			padding: 3px;
		} */

        .titletext {  
		word-wrap:break-word;
		padding: 3px;
        }
		
		.titletext-premium {  
		word-wrap:break-word;
		padding: 3px;
		text-align: center;
        }
		
        .user-picture {
			padding: 0;
			margin: 0;
		}
		
		.listingtext {
          color: black;
          font-size: medium;
		  padding: 3px;
		  word-wrap:break-word;
		}
		
		.fat-listingtext-bold {
          color: black;
          font-size: medium;
		  font-weight: bold;
		  padding: 3px;
		}
		
		.email {
          color: black;
          font-size: medium;
		}
        
        .area {
          float: right;
          width: 33%;
          color: black;
          font-size: medium;
          text-align: right;
          padding: 0.5em;

        }
        
       /* .linebreak{
          clear: both;
          overflow: hidden;

        } this is no longer required in newer browsers and not used in the HTML */

        .rate{
          color: black;
          font-size: medium;
        }

        .accepting{
          float: left;
          width: 30%;

          padding: 0.5em;
        }
        
        .languages{
          color: black;
          font-size: medium;
        }
        
        .levels{
          float: left;
          width: 30%;

          padding: 0.5em;
        }

        .subjects{
          color: black;
          font-size: medium;
          padding: 3px;
        }
        
        .schedule{
         /* clear: both;
          float: right;
          
          overflow: hidden;
          margin: 0.5em;
		  max-width: 12em; */
		  margin: 3px;
		  clear: both;
		  max-width: 98%;
		  width: 13em;
          border: solid medium black;
        }
        
		table.scheduletable{
		  border-collapse: collapse;
		  table-layout: fixed;
		  margin: 0;
		  width: 100%;
		  border: none;
		  font: normal normal normal small sans-serif;
		}
				
		td.days{
		  font-weight: bold;
		  text-align: center;
		  border: solid thin black;
		  padding: 1%;
		  /*width: 1.4em;*/
		  width: 12%;
		}
				
		td.times{
		  /*width: 2.5em;*/
		  width: 25%;
		  text-align: left;
		  border: solid thin black;
		  padding: 1%;
		}
				
		td.available, td.notavailable{
		  border: solid thin black;
		  padding: 0;
		}

		td.available{
		  background-color: green;
		}

		td.notavailable{
		  background-color: red;
		}

		td.available:hover{
		  background-color: transparent;
		  z-index: 50;
		}

		td.notavailable:hover{
		  background-color: #FFC0CB;
		}

		/*td.available:hover, td.notavailable:hover{
		  z-index: 50;
		}*/

		td.available span, td.notavailable span{
		  position: absolute;
		  background-color: #FFFFE0;
		  padding: 0.2em 0.7em;
		  margin: 0.4em 0em 0em 0.9em;
		  border: 1px dashed gray;
		  visibility: hidden;
		  color: black;
		}

		td.available:hover span, td.notavailable:hover span{
		  visibility: visible;
		  top: auto;
		}
		
       
        
        .descriptions{
         padding: 0.5em;

       }
       
       
       .fatemail-sent-message {
         background-color: #f8fff0;
         border-color: #be7;
         border: 1px solid;
       }