@charset "utf-8";
/* CSS Document */

a img{
border:0;
}

img.imageChoicePos{
	vertical-align:top;
}

ul { 
	padding: 0 0 0 30px;
}

html[dir="rtl"] ul { 
	padding: 0 30px 0 0;
}

ul.TrueFalse {
	padding: 0;
}

.SourceItems > li {
    clear: both;
}

.TrueFalse > ul {
	padding:0 0 0 12px;
}

html[dir="rtl"] .TrueFalse > ul {
	padding:0 12px 0 0;
}

.activity_content > ul > li {
	padding-top: 5px;
}

.TrueFalse > li > ul > li {
	cursor:pointer;
}

.TrueFalse.DropDown > ul > li {
	cursor:default;
}

.TrueFalse > .stem {
	
}

.TrueFalse > .functionality {
	
}

.TrueFalse > .marks {
	
}

.TrueFalse > li {
	
}

.TrueFalse > li > ul {
	 padding: 0 0 0 10px;
}

html[dir="rtl"] .TrueFalse > li > ul {
	 padding: 0 10px 0 0;
}

.TrueFalse > li > ul > li {
	list-style: upper-alpha inside;
	padding: 1% 5% 0 0;
}

html[lang="ar"] .TrueFalse > li > ul > li {
    list-style: inside none arabic-indic;
}

html[dir="rtl"] .TrueFalse > li > ul > li {
	padding: 1% 0 0 5%;
}

.TrueFalse > li > ul > li > span {
	left: -13px;
	position: relative;
	font-weight:normal;
}

html[dir="rtl"] .TrueFalse > li > ul > li > span {
	left:auto;
	right: -13px;
}

.stem {
	font-weight:normal;
}

.TrueFalse.DropDown > .stem {
	display: inline-table;
	width: 74%;
}

.TrueFalse.DropDown > .functionality {
	display: inline-table;
}

.TrueFalse.DropDown > .marks {
	display: inline-table;
	width:30px;
	vertical-align:top;
}

input[type="checkbox"], input[type="radio"] {
    left: -47px;
    position: relative;
    vertical-align: middle;
}

html[dir="rtl"] input[type="checkbox"], html[dir="rtl"] input[type="radio"] {
	left: auto;
	right: -47px;
}

.showMe {
    right: 0;
}

html[dir="rtl"] .showMe {
	left: 0;
	right: auto;
}

.mymark {
	float: right;
}

html[dir="rtl"] .mymark {
	float: left;
}

.hideMe{
	display:none;
}

.showMe {
    display:block;
}

.textSelected {
	/*text-shadow: 4px 4px 2px black;*/
	/*color: blue;*/
}

.imageSelected {
	-webkit-box-shadow: 4px 4px 2px 0 blue;
	-moz-box-shadow: 4px 4px 2px 0 blue;
	box-shadow: 4px 4px 2px 0 blue;	
	/*box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
	-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
	-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
	-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;*/
}

html[dir="rtl"] .imageSelected {
	-webkit-box-shadow: 4px 0 2px 4px blue;
	-moz-box-shadow: 4px 0 2px 4px blue;
	box-shadow: 4px 0 2px 4px blue;	
}