@charset "utf-8";



#left_sidebar_container {
  padding-top: 20px;
  background: #1d74ad;
  width: 243px;
  color: white;
}

.highlight a {
 color: orange;

}



/* ovrrides the master css for sow only */
/*.mb1  {
   width: 850px;
   margin-right:auto;
   margin-left: auto;
   font-family:'Verdana', sans-serif;
   font-size:17px;
   background-color: white;
}*/

.logoff {
   position: absolute;
   left: 1048px;
   margin-top:100px;
   width: 180px;
}

.btn_ks3 {
  background: #1f7dbb;
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
/*  transition: background 0.15s linear;*/
}

		div#content{
		  background-color: #ffffff; 
	      width: 100%
	    }

.mygoogle input[type="text"] {  /* stops firefox and chrome having different widths */
   width: 195px;
}

.fb {
    margin-top:10px;
    margin-left: 155px;
}

h1.sow {
font-family:  sans-serif;
color: #1f7dbb;
font-size: 1.6em;
text-align:left;
line-height: 1.3em;	

}

/*************************** drawn button *********************************/

.btn_sow {
  background: orange;
  background-image: -webkit-linear-gradient(top, #ff8000, #ff9326);
  background-image: -moz-linear-gradient(top, #ff8000, #ff9326);
  background-image: -ms-linear-gradient(top, #ff8000, #ff9326);
  background-image: -o-linear-gradient(top, #ff8000, #ff9326);
  background-image: linear-gradient(to bottom, #ff8000, #ff9326);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn_sow:hover {
  background: #1f7dbb;
  background-image: -webkit-linear-gradient(top, #ff9326, #ffba75);
  background-image: -moz-linear-gradient(top, #ff9326, #ffba75);
  background-image: -ms-linear-gradient(top, #ff9326, #ffba75);
  background-image: -o-linear-gradient(top, #ff9326, #ffba75);
  background-image: linear-gradient(to bottom, #ff9326, #ffba75);
  
  
  text-decoration: none;
}


.btn_logoff {
  background: orange;
  background-image: -webkit-linear-gradient(top, #1f7dbb, #1f7dbb);
  background-image: -moz-linear-gradient(top, #1f7dbb, #1f7dbb);
  background-image: -ms-linear-gradient(top, #1f7dbb, #1f7dbb);
  background-image: -o-linear-gradient(top, #1f7dbb, #1f7dbb);
  background-image: linear-gradient(to bottom, #1f7dbb, #1f7dbb);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn_logoff:hover {
  background: #1f7dbb;
  background-image: -webkit-linear-gradient(top, #165a87, #165a87);
  background-image: -moz-linear-gradient(top, #165a87, #165a87);
  background-image: -ms-linear-gradient(top, #165a87, #165a87);
  background-image: -o-linear-gradient(top, #165a87, #165a87);
  background-image: linear-gradient(to bottom, #165a87, #165a87);  
  text-decoration: none;
}



.btn_ks3:hover {
  background: #1a689c;
  text-decoration: none;
}



@media (min-width: 1025px) {
		 .mygoogle {
			position: absolute;
			left:900px;
			top:5px; 
			height: 26px;
			width:250px;
		}
}



@media (max-width: 1025px) {
 
		 
		 .mygoogle {
			position: absolute;
			left:780px;
			top:5px; 
			height: 26px;
			width:250px;
		}
		
		.mygoogle input {
			box-sizing: border-box;
		}		
		
		.logoff {
		   position: absolute;
		   left: 750px;
		   margin-top:100px;
		   width: 180px;
		}
		
		.btn_ks3 {  /* ks3 home page buttons */
		  background: black;
		  font-family: Arial;
		  color: white;
		  font-size: 14px;
		  padding: 3px 8px 3px 8px;
		  text-decoration: none;
		/*  transition: background 0.15s linear;*/
		}
		h1.sow {
		font-family:  sans-serif;
		color: #1f7dbb;
		font-size: 1.5em;
		text-align:left;

		}
		.btn_sow {
		background: orange;
		background-image: -webkit-linear-gradient(top, #ff8000, #ff9326);
		background-image: -moz-linear-gradient(top, #ff8000, #ff9326);
		background-image: -ms-linear-gradient(top, #ff8000, #ff9326);
		background-image: -o-linear-gradient(top, #ff8000, #ff9326);
		background-image: linear-gradient(to bottom, #ff8000, #ff9326);
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		font-family: Arial;
		color: #ffffff;
		font-size: 12px;
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		}
}

/****************** SOW formats *********************/





h2 {
font-family:  sans-serif;
color: black;
font-size: 25px;
text-align:left;
line-height:normal;
text-transform:none;
}


h2.sow {
font-family:  sans-serif;
color: black;
font-size: 18px;
text-align:left;
}

h3.sow {
font-family:  sans-serif;
color: #1f7dbb;
font-size: 18px;
text-align:left;
margin-left: 0px;
}


hr.sow {
  border: 0;
  border-bottom: 2px dashed #1f7dbb;
  margin-top: 30px;
}

h4.sow {
   width: 300px;
   height: 40px;
   background-image: url(images/buttons/savework40.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_code {
   width: 300px;
   height: 40px;
   background-image: url(images/buttons/writeprogram40.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_write {
   width: 300px;
   height: 40px;
   background-image: url(images/buttons/worksheet40.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_read {
   width: 300px;
   height: 40px;
   background-image: url(images/buttons/book.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_think {
   width: 300px;
   height: 40px;
   background-image: url(2016/images/icons/lightning.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_discuss {
   width: 300px;
   height: 40px;
   background-image: url(2016/images/icons/discuss.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}


h4.sow_do {
   width: 300px;
   height: 40px;
   background-image: url(images/buttons/acceptblue.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_checkanswer {
   width: 300px;
   height: 40px;
   background-image: url(2016/images/icons/application_go.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_gold{
   width: 300px;
   height: 40px;
   background-image: url(2016/images/icons/award_star_gold_1.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_silver{
   width: 300px;
   height: 40px;
   background-image: url(2016/images/icons/award_star_silver_2.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}


h4.sow_bronze{
   width: 300px;
   height: 40px;
   background-image: url(2016/images/icons/award_star_bronze_3.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;


}



h4.sow_watch {
   width: 300px;
   height: 40px;
   background-image: url(images/buttons/watchvideo40.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_try {
   width: 300px;
   height: 40px;
   background-image: url(images/buttons/computer_edit40.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_save {
   width: 300px;
   height: 40px;
   background-image: url(images/buttons/savework40.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_remember {
   width: 300px;
   height: 40px;
   background-image: url(images/buttons/lightbulb40.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_error {
   width: 300px;
   height: 40px;
   background-image: url(images/buttons/error.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}

h4.sow_information {
   width: 300px;
   height: 40px;
   background-image: url(images/buttons/information40.png);
   background-repeat:no-repeat;
   background-color: white;
   padding-left: 60px;
   padding-top: 8px;
   color: #1f7dbb;
   font-size: 18px;

}


ul.sow {
    line-height: 24px;
    list-style-type: none;
	margin-top: 0px;
      }
	  
ul.sow li::before {
    border: 2px solid #1f7dbb;
    border-radius: 8px;
    clear: none;
    content: " ";
    float: left;
    font-size: 25px;
    line-height: 24px;
    list-style-position: outside;
    margin-left: -37px;
    margin-right: 20px;
    margin-top: 3px;
    padding: 6px;
      }

ul.sow li {
    font-size: 16px;
}


.sowc {
  height: 1.8em;
  background-color: #c9e0f9;
}






/*************************************** Hints in page *************************/

#hint1 {
display: none;
}

#hoff1 {
display: none;
}

#hon1 {
display: inline;
}

#hint2 {
display: none;
}

#hoff2 {
display: none;
}

#hon2 {
display: inline;
}

#hint3 {
display: none;
}

#hoff3 {
display: none;
}

#hon3 {
display: inline;
}


#hint4 {
display: none;
}

#hoff4 {
display: none;
}

#hon4 {
display: inline;
}



#hint5 {
display: none;
}

#hoff5 {
display: none;
}

#hon5 {
display: inline;
}

/***************************** video password styling ********************/

.vidpass {
  color: red;

}


/********************************* Search box over ride *******************/

/******************************** Lesson Task table styling **************/

.ltab {
	width: 100%;
	border:none;
    margin-left:auto;   /* Centre the table*/
    margin-right:auto;
}

.ltab tr:nth-child(even) {   /* alternate row colours */
background: #dfebf9;
}

.ltab tr:nth-child(odd) {
background: #c9e0f9;
}

.ltab td:nth-child(odd) {
  width: 80%;
  text-align: left;
  padding-left: 10px;
  vertical-align:top;
}

.ltab th {
   text-align: center;
}

.ltab td {
   text-align: center;
}

.ltab .lcol1 {   /* Deal with the first column */
  width: 80%;
  text-align: left;
}


/******************************* Teacher resource style page ************************/


table.tless {
  width:90%;
  	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	margin-top: 50px;

}

table.tless th{
	background-color:#1f7dbb;
    border: 1px solid grey;
	color: white;
	padding: 10px;
}

table.tless td{
	background-color:#dfebf9;
    border: 1px solid grey;
	padding-top: 10px;
}

table.tless td:nth-child(1) {
  width: 80%;
  text-align: left;
  background-color: white;
  padding-left: 10px;
}

table.tless td:nth-child(even) {
  text-align: center;
}

/****** teacher headline *******/

h2.tch_headline {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #1f7dbb;

}

/******************************** One off lesson table styling **************/

.ootab {
	border:none;
    margin-left:auto;   /* Centre the table*/
    margin-right:auto;
}

.ootab tr:nth-child(even) {   /* alternate row colours */
background: #dfebf9;
}

.ootab tr:nth-child(odd) {
background: #c9e0f9;
}

.ootab td:nth-child(odd) {
  text-align: left;
  padding-left: 10px;
  vertical-align:top;
}

.ootab th {
   text-align: center;
}

.ootab td {
   text-align: center;
}

.ootab .lcol1 {   /* Deal with the first column */
  text-align: left;
}


/*********************************** General table mini-web styling *********************/
.gtab {
	border:none;
    margin-left:auto;   /* Centre the table*/
    margin-right:auto;
}

.gtab tr:nth-child(even) {   /* alternate row colours */
background: #dfebf9;
}

.gtab tr:nth-child(odd) {
background: #c9e0f9;
}

.gtab td:nth-child(odd) {
  padding-left: 10px;
  vertical-align:top;
}

.gtab th {
   text-align: center;
}

.gtab td {
   text-align: center;
}

.gtab td.lcoll {   /* Deal with the first column */
  text-align: left;
}

pre {
	font-family: Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace;
	font-size: 0.9em;
}