/* @override http://worksheets.oympublishing.com.au/css/styles.css */

.clear {
	clear: both;
	
}

.clearL {
	clear: left;
	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Added for the champion record approval page */


div.submit-records {
	display:block;
	float:right;
}

div.record-table-header {
	margin-bottom: 10px;
}
div.record-table-header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

td{
	background-color: transparent;
}



#record-table thead tr th {
	border-style: none;
	border-bottom-style: solid;
}

#record-table th, #record-table td{
	border: 2px solid gray;
	border-top-style: none;
	padding-right: 3px;
	padding-left: 3px;
}
.center-action {
	text-align: center;
	}

.level-flags {
	display:block;
	background: url(../images/levels-flags.png) no-repeat;
	width: 29px;
	height: 22px;
	float:left;
	text-align: center;
	color: yellow;
	line-height: 23px;
	margin-right: 2px;
}

.level-flags.active, #level-tabs a:hover .level-flags {
	background: url(../images/levels-flags.png) no-repeat 0 -23px;
	text-decoration:none;
}

#level-tabs a:hover{
	text-decoration:none;
}


#topic {
	clear: left;
	border: 1px solid black;
	background-color: #fbfadc;
	height: 267px;
	overflow: auto;
	margin-top: 0;
	width: 205px;
	padding: 2px 10px 2px 20px;
	color: #6753A2;
	text-indent: -10px;
}

#curriculum, #strand, #syllabus{
	margin-bottom: 15px;
}


.topicSelector:hover {
	cursor: pointer;
	text-decoration: underline;
}

#topic .active {
	font-weight: bold;
}

#curriculum_search div.label {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#cs-topic-div {
	background-color:  #fbfadc;
	border: 1px solid black;
	overflow: auto;
	height: 400px;
	padding: 2px 10px;
	width:  255px;
}

#cs-topic-div .worksheetSelector {
	overflow: none;
	width: 260px;
	height: 15px;
	color: #6753A2;
}

#cs-topic-div .worksheetSelector:hover {
	cursor: pointer;
	text-decoration: underline;
}

#cs-topic-div .active {
	font-weight: bold;
}

#worksheet-preview {
	height: 490px;
	border: 1px solid black;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

#bottom-space {
	clear:both;
	height:10px;
}

#level-tabs {
	margin-left: 7px;
}




/*end of Record Approval page */



.rightPos{
	float:right;
}

.leftPos{
	float:left;
}

.password{
	width:65px;
}


.pic-buttons {
  list-style-type: none;
  padding: 6px 0;
}

.pic-buttons li {
  float: left;
  padding-right: 2px;
}

.pic-buttons li.last {
  padding-right: 0;
}

#buttonsJoinTrial {
  padding-left: 26px;
  padding-top: 10px;
  
}

.irButton {
  /* general style for buttons using image replacement */
  display: block;
  text-indent: -9999px;
  height: 36px;
  background-repeat: no-repeat;
  outline: none;
  list-style-type: none;
  /*behavior: url('/load/js/iepngfix/iepngfix.htc');*/
}

.irButton:hover {
  background-position: 0 -36px;
}

.irButton2 {
  /* general style for buttons using image replacement */
  display: block;
  text-indent: -9999px;
  height: 20px;
  background-repeat: no-repeat;
  outline: none;
  margin-top:8px;
  margin-left:10px;
  list-style-type: none;
  /*behavior: url('/load/js/iepngfix/iepngfix.htc');*/
}

.irButton2:hover {
  background-position: 0 -20px;
  
}

/*Used for the new buttons with drop shadows*/
.irsButton {
  /* general style for buttons using image replacement */
  display: block;
  text-indent: -9999px;
  height: 31px;
  background-repeat: no-repeat;
  outline: none;
  list-style-type: none;
  /*behavior: url('/load/js/iepngfix/iepngfix.htc');*/
}

.irsButton:hover {
  background-position: 0 -31px;
}



.viewWhiteboardButton {
  width: 111px;
  background-image: url(/theme/images/view_whiteboard_button.png);
  float: left;

}

.printButton {
  width: 74px;
  background-image: url(/theme/images/print_button.png);
}

.playButton {
  width: 80px;
  margin-top:2px;
  margin-left:5px;
  background-image: url(/theme/images/button-Play-shadow.png);
}

.freeTrialButton {
  width: 95px;
  background-image: url(/theme/images/button-free-trial-shadow.png);
}

.crossReferenceButton {
  width: 127px;
  background-image: url(/theme/images/cross_reference_button.png);
}

.exploreButton {
  width: 127px;
  background-image: url(/theme/images/explore_button.png);
}

.joinTopButton {
  width: 95px;
  background-image: url(../images/join_top_button.png);
}

.joinButton {
  width: 95px;
  background-image: url(/theme/images/button-subcribe-shadow.png);
}



#printWorksheet .printButton {
  /* a bit of white-space to tidy it up */
  margin-left: 8px;
}

#join_now_box{
	margin: 0px;
}

.redText, .more a{
	color:#FF0000;
}

.joinTitle{
	font-size:12px;
	font-weight:bold;
} 

.joinPrice{
	font-size:11px;
}

.joinPrice, .joinTitle{
	color:#800020;
	font-weight:bold;
}

.more{
	float:right;
	padding: 0px 0px 10px 0px;
}

#join_now_col{
	float:left;
	width:200px;
	margin: 0px 10px 0px 0px;
}

#join_now_col_last{
	float:left;
	width:265px;
	margin: 0px;
}

/* content styles */


/* table styles */


/*footer styles*/



img {
	border: 0px;
}

p {
	margin-bottom: 8px;
}

.button-trial {
	background-image: url(/theme/images/free_trial_button_bur.png);
	display: inline-block;
	width: 105px;
	height: 50px;	
	background-position: 0 0;
}

.button-trial:hover {
	background-position: 0 -50px;
}

.button-join {
	background-image:url(/theme/images/join_now_button_bur.png);
	background-repeat:no-repeat;
	display: inline-block;
	width: 105px;
	height: 50px;	
	background-position: 0 0;
	text-decoration: none;
}

.button-join:hover {
	background-position: 0 -50px;
	text-decoration: none;
}

#resourcesHomeBlock {
	width: 535px;
	border: 1px solid #f1dcdf;
}


#resourcesHomePage h2 {
	clear: none;
	padding-top: 18px;
	margin-bottom: 8px;
}

#resourcesHomePage #leftCol {
	float: left;
	width: 570px;
	margin-top: 29px;
}

#resourcesHomePage #resourcesDemoCarousel {
	width: 290px;
	height: 170px;
	background-color: #e3eff9;
	text-align: center;
	margin-top: 0px;
}

#resourcesHomePage #birds {
	padding-top: 40px;
}

#resourcesHomePage #rightCol {
	float: right;
	width: 300px;
	text-align: right;
	padding-right: 30px;
}

#resourcesHomePage #viewBenefits {
	width: 136px;
	height: 82px;
	display: block;
	float: right;
	margin-right: 30px;
}

.progressTest {
	color: #780032;
}

#cs-left-col {
	width: 260px;
	float:left;
}

#cs-mid-col {
	width: 280px;
	float:left;
}

#cs-right-col {
	width:380px;
	float: left;
}

#curriculum form select, #strand form select, #syllabus form select, #level-topic form select {
	width: 238px;
}


#level-topic form select {
	height: 325px;
	padding-top: 5px;
	padding-left: 2px;
}

#worksheet form select {
	height: 390px;
	width: 263px;
	margin-left: 3px;
	border: 1px solid #58595B;
	padding-top: 5px;
	padding-left: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}



#search-title {
	width: 66px;
	float:left;
	font: bold 14px/15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: maroon;
}

#word-search {
	margin-top: 30px;
}

div#toolbar {
	margin-right: auto;
	width: 340px;
	margin-left: auto;
	position: relative;
	top: -39px;
	height: 32px;
	border: 1px dotted black;
}

#word-search form {
	float:left;
	margin-top: 7px;
	
}

#curriculum_search {
	
}




#word-search form input.text-field {
	width: 143px;
	margin-right: 7px;
	height: 18px;
}

.paginationControl {
	text-align: center;
	margin-top: -8px;
	background-color: rgba(0,0,0,0.1);
	padding: 2px;
}

.paginationControl .disabled {
	color: #999;
}