/* CSS not needed here */
p.section01, h1.section01, div.section01 { background-image: url(../images/ge-section-icons/start.png) !important; }
p.section02, h1.section02, div.section02 { background-image: url(../images/ge-section-icons/reading.png) !important; }
p.section03, h1.section03, div.section03 { background-image: url(../images/ge-section-icons/vocabulary.png) !important; }
p.section04, h1.section04, div.section04 { background-image: url(../images/ge-section-icons/grammar.png) !important; }
p.section05, h1.section05, div.section05 { background-image: url(../images/ge-section-icons/listening.png) !important; }
p.section06, h1.section06, div.section06 { background-image: url(../images/ge-section-icons/test.png) !important; }
p.section07, h1.section07, div.section07 { background-image: url(../images/ge-section-icons/forum.png) !important; }
p.section08, h1.section08, div.section08 { background-image: url(../images/ge-section-icons/writing-tutorial.png) !important; }
p.section09, h1.section09, div.section09 { background-image: url(../images/ge-section-icons/takeaway.png) !important; }
p.section10, h1.section10, div.section10 { background-image: url(../images/ge-section-icons/pronunciation.png) !important; }
p.section11, h1.section11, div.section11 { background-image: url(../images/ge-section-icons/forum.png) !important; }
p.section12, h1.section12, div.section12 { background-image: url(../images/ge-section-icons/writing-tutorial.png) !important; }
p.section13, h1.section13, div.section13 { background-image: url(../images/ge-section-icons/speaking.png) !important; }
p.section14, h1.section14, div.section14 { background-image: url(../images/ge-section-icons/review.png) !important; }
p.section15, h1.section15, div.section15 { background-image: url(../images/ge-section-icons/test.png) !important; }
p.section16, h1.section16, div.section16 { background-image: url(../images/ge-section-icons/feedback.png) !important; }
p.section17, h1.section17, div.section17 { background-image: url(../images/ge-section-icons/resources.png) !important; }
p.print-rubric { display:none;}

div.section01, div.section02, div.section03, div.section04, div.section05,
div.section06, div.section07, div.section08, div.section09, div.section10,
div.section11, div.section12, div.section13, div.section14, div.section15, div.section16, div.section17 {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px 0px 0px;
	padding-left: 50px;
	white-space: normal;
	text-align:left;
	min-height: 33px;
	
}

p.section01, p.section02, p.section03, p.section04, p.section05,
p.section06, p.section07, p.section08, p.section09, p.section10,
p.section11, p.section12, p.section13, p.section14, p.section15, p.section16, p.section17 {
	Xbackground-size: 30px 30px;
	background-position: -5px -5px;
}
/*
.DynamicStyle-observe-left{
	clear:both;

}
*/
/*.helpBtn{
	visibility: hidden;
}*/
.alert !important{
        		margin-top: 1em;
        	}
        	.btn-toolbar !important{
        		justify-content: center;
        	}

/* .TableContents a {
	padding: 0.3em;
} */

.unit-section-title {
	font-size: 110% !important;
	padding-bottom: 3px;
}

.aa-centered {
	width:calc(100vw - 98px);
	max-width: 662px;
	text-align:center;
}
.SlideinPage{
	height: 110px;
}
@media (max-width: 500px) {
.TaskHeader,.TaskBorder,.TaskPadding{
	max-width: 370px; 
}


}

.letter{
  display: inline-block;
  /*zoom: 1;*/
  color: #333;
  text-align: center;
  margin-right: 3px;
  border: 1px solid;
  border-color: #bdc3c7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 1.1em;
  background: #ecf0f1;
	margin-bottom: 20px;
	padding: 10px;
}
.helpBtn1 {
    display: inline-block;
    color: white;
    background-color: #f1c40f;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    line-height: 20px;
    font-size: 17px;
    text-align: center;
    margin-left: 2px;
    margin-right: 20px;
    cursor: pointer;
}
@media only screen and (max-width: 480px), (max-device-width: 480px) and (orientation: portrait), (max-device-width: 767px) and (orientation: landscape) {
	div.DynamicStyle-observe-right-responsive{ margin-left: 0px !important; }
	div.DynamicStyle-observe-right{ margin-left: 0px !important; }
}

.Task-Speak div{
	background-color: white !important;
}

/*
.CarnegieSpeechExercise {
	background-color:#FCF;
}
.AlternativeExercise {
	background-color:#3FF;
}
*/

.TaskBorder {
width: 100% !important;
}

@media (max-width: 768px) {
.TaskPadding {
width: 300px !important;
}
}