body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. Originally this was 120px, changed to reduce the gap between navbar and h1 heading of the page */
	background-color:#FFFCE9;
	margin-top:80px;
}
@media (min-width:1200px){
	.container{
		width:100%
		}
	}
@media (min-width: 1920px) {
	.container {
		width: 80%;
	}
}
/*for quiz page buttons my style*/

.button-qtn {
  display: block;
  width: 100%;
  text-align: center;
  white-space: normal;
  word-wrap: break-word;
  margin-top:5px;
  margin-bottom:5px;
}	
/*text align center in different colors*/
.textalignRed{
	text-align:center;
	color:red;
	font-weight:bold;
}
.textalignBlue{
	text-align:center;
	color:blue;
	font-weight:bold;
}
.textalignBlack{
	text-align:center;
	color:black;
	font-weight:bold;
}
.textalignGreen{
	text-align:center;
	color:green;
	font-weight:bold;
}
.textalignWhite{
	text-align:center;
	color:white;
	font-weight:bold;
}
.textalignYellow{
	text-align:center;
	color:yellow;
	font-weight:bold;
}
.textalignPink{
	text-align:center;
	color:#E979E6;
	font-weight:bold;
}
/*added this on 14 june 22, remove if fonts are too large are irregular*/
ol li {
	font-size: 1.2em
}
p {
	font-size: 1.2em
}
.gkt tr td{
	font-size: 1.2em
}
.gkt tr th{
	font-size: 1.2em
}
/*for colored blocks on gk pages*/
.gk-blue ul li, .gk-yellow ul li, .gk-green ul li, .gk-pink ul li{font-size:18px}
.gk-green{
	width:100%; 
	background-color:#99ff99; 
	border-radius:20px; 
	padding:15px; 
	color:black; 
	font-size:16px; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.gk-yellow{
	width:100%; 
	background-color:#ffffcc; 
	border-radius:20px; 
	padding:15px; 
	color:black; 
	font-size:16px; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.gk-pink{
	width:100%; 
	background-color:#ffcccc; 
	border-radius:20px; 
	padding:15px; 
	color:black; 
	font-size:16px; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
}
.gk-blue{
	width:100%; 
	background-color:#99ccff; 
	border-radius:20px; 
	padding:15px; 
	color:black; 
	font-size:16px; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
}
.gk-orange{
	width:100%; 
	background-color:#FEA751;
	border-radius:0px; 
	padding:15px; 
	color:black; 
	font-size:16px; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
}
.centered-div {
  width: 95%;
  margin: 0 auto; /* This centers the child div horizontally */
  /* Additional styling for the centered div */
}
#ques1, #ques2, #ques3, #ques4, #ques5, #ques6, #ques6a, #ques6b, #ques6c, #ques7, #ques8, #ques9, #ques10, #ques10a, #ques10b, #ques10c, #ques11, #ques12, #ques13, #ques14, #ques15, #ques16, #ques17, #ques18, #ques19, #ques20, #ques21, #ques22, #ques23, #ques24, #ques25, #ques26, #ques27, #ques28, #ques29, #ques30{
	width: 12ch;
}
.s-title{
	margin:auto;
	text-align:center;
	background-color:black;
	color:white;
	padding:5px;
	width:60%;
}	
/*for interactive display of animal related days*/
.big-box {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.big-image {
  width: 100%;
  height: auto;
  
}

.thumbnail-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 800px;
  margin: 20px auto 0;
}

.thumbnail {
  width: 16%;
  height: auto;
  margin-bottom: 20px;
  cursor: pointer;
}

.thumbnail:hover {
  opacity: 0.7;
}

/*for page on State Bank of India*/
.sbi{
	width:90%; 
	background-color:green; 
	border-radius:25px; 
	padding:20px;
}
.sbi1{
	width:70%; 
	background-color:blue; 
	border-radius:20px; 
	padding:15px; 
	color:white;
}
.sbi2{
	width:70%; 
	background-color:#e67300; 
	border-radius:20px; 
	padding:15px; 
	color:black; 
}
.sbi3{
	width:70%; 
	background-color:#663300; 
	border-radius:20px; 
	padding:15px; 
	color:white;
}
.sbi4{
	width:85%; 
	background-color:#66ffff; 
	border-radius:20px; 
	padding:15px; 
	color:black;
}
.sbi5 {
  width: 100%;
  background-color: crimson;
  border-radius: 20px;
  padding: 15px;
  color: white;
}

.sbi5 a {
  display: inline-block; /* or display: block; */
  text-align: center;
  color: white;
  font-size: 20px;
}

.sbi5 a:hover {
  color: yellow;
}

.sbi6{
	width:100%; 
	background-color:blue; 
	border-radius:20px; 
	padding:15px; 
	color:white;
}
.sbi7{
	width:100%; 
	background-color:#9900cc; 
	border-radius:20px; 
	padding:15px; 
	color:white;
}

/*this displays color block behind menu items on top horizontal menu*/
#bs-example-navbar-collapse-1 ul li:hover{
	background: #c36241;
	display: block;
	border-radius: 20px;
	text-color: #000000;
	}

.portfolio-item {
    margin-bottom: 25px;
}

footer {
    margin: 0px 0;
/*	background-image:url(../images/footer.jpg);*/
	padding-top:15px;
	margin-top:0px;
}
.biggerfont{
font-size:16px;
font-weight:bold;
}
a {
color:#330000;
}
.title > h1 {
	text-align:center;
}
#myCarousel {
 	background-image:url(../images/footer.jpg);
	padding: 15px 0px 15px 0px;
}
.bottom-menu {
    padding-right: 0px;
	border-right-color:#afac97;
	border-right-width:thin;
}
.bottom-menu ul li a{
    margin: 0px;
	font-size:12px;
	color:#AFAC97;
}
.copyright {
	background-color:#222222;
 	padding: 0px 0px 0px 0px;
	text-align:center;
	color:#afac97;
} 
.copyright a{
	color:#afac97;
} 
.quiz{
background-color:#CC3366;
}

.holder{
background-image:url(../images/bg-3.jpg);
padding:15px 20px 10px 20px;
border-radius:25px;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.holder1{
background-color:#E9967A;
/*background-image:url(../images/bg-2.jpg);*/
padding:15px 20px 10px 20px;
border-radius:25px;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.holder2{
background-color:#C981C9;
/*background-image:url(../images/bg-2.jpg);*/
padding:15px 20px 10px 20px;
border-radius:25px;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 100%;
margin: auto;
}
/*for gk tables*/
.gkt
{
font-family:"Arial", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.gkt td, .gkt th 
{
font-size:1.2em;
border:1px solid #7F5A58;
padding:3px 7px 2px 7px;
}
.gkt tbody
{
vertical-align:top;
text-align:left;
}
.gkt th 
{
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#34495E;
color:#FFFFFF;
}
.gkt tr.affair td 
{
color:#000000;
background-color:#EBEBEB;
}

/*for true-false quiz in gk pages*/
.Q-wrapper {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding-top: 0px;
}

#quiz {
  background-color: #34495E;
  padding-bottom: 60px;
  width: 100%;
  border-radius: 2%;
  color: #fff;
  text-align: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#quiz > h1 {
  text-align: center;
  padding-top: 25px;
  font-size: 20px;
  color:#FFFF00;
}
#quiz1 {
  background-color:#264F2C;
  padding-bottom: 60px;
  width: 100%;
  border-radius: 2%;
  color: #fff;
  text-align: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#quiz1 > h1 {
  text-align: center;
  padding-top: 25px;
  font-size: 20px;
  color:#FFFF00;
}
#quiz2 {
  background-color:#660000;
  padding-bottom: 60px;
  width: 100%;
  border-radius: 2%;
  color: #fff;
  text-align: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#quiz2 > h1 {
  text-align: center;
  padding-top: 25px;
  font-size: 20px;
  color:#FFFF00;
}
#quiz3 {
  background-color:#4B1F5A;
  padding-bottom: 60px;
  width: 100%;
  border-radius: 2%;
  color: #fff;
  text-align: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#quiz3 > h1 {
  text-align: center;
  padding-top: 25px;
  font-size: 20px;
  color:#FFFF00;
}

.questions {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  border: 1px solid #FFFFFF;
  padding: 15px 15px 15px 15px;
  margin-left:20px;
  margin-right:20px;
}

#abbrquiz {
  background-color:#999933;
  padding: 15px 10px 10px 10px;
  padding-bottom: 30px;
  width: 100%;
  border-radius: 2%;
  color: #000;
  text-align: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.abbr {
  font-size: 14px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  padding: 20px;
  text-align:justify;
 }

.answers div {
  padding: 10px 0 0 0;
  font-size: 16px;
}

.answers div:hover {
  cursor: pointer;
  color: #FBCB43;
}
#restart:hover {
  cursor: pointer;
  color: #FBCB43;
}

.answers {
  padding: 0px 0 10px 0px;
}

.answers div {
  width: 50%;
  margin: 0 auto;
  padding-bottom: 15px;
  border-top: 1px solid grey;
}

.answers div:first-child {
  border: none;
}

.checker {
  display: inline-block;
  width: 40%;
  margin: 0 auto;
}

/*remove the background image tag and allow background color as per original*/
.correct, .false {
  background-color: #109D59;
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding-left: 1px;
  float: left;
  margin-left: 2px;
  margin-top: 2px;
}

.false {
 background-color: #DC4437;
}
/*for match the following quizzes*/
.matchwrap {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding-top: 0px;
}

#matchquiz {
  background-color: #34495E;
  padding-bottom: 0px;
  width: 100%;
  border-radius: 2%;
  color: #fff;
  text-align: left;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#matchquiz > h1 {
  text-align: center;
  padding: 0px;
  font-size: 20px;
  color:#FFFF00;
}
#matchquiz > h3 {
  text-align: center;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  color:#FFFF00;
}
.form-control{
padding-left:0px ;/*so that alphabets in the select box are visible*/
}
#formtd1, #formtd2, formtd3, {
padding-left:10px;
}

/*for fill in the blanks in gk pages*/
#fillquiz {
  background-color: #AEB857;/*other colors #AEB857 #AD6A24 #DE5948 #90b753*/
  padding: 5px 10px 10px 10px;
  width: 100%;
  border-radius: 2%;
  color:#000000;
  text-align: left;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#fillquiz > h2 {
  text-align: center;
  padding: 0px;
  font-size: 20px;
  color:#0000CC;
}
#fillquiz > h3 {
  text-align: center;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  color:#FFFF00;
}
#fillquiz2 {
  background-color:#9999CC;/*other colors #AEB857 #AD6A24 #DE5948 #90b753*/
  padding: 5px 10px 10px 10px;
  width: 100%;
  border-radius: 2%;
  color:#000000;
  text-align: left;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#fillquiz2 > h1 {
  text-align: center;
  padding: 0px;
  font-size: 20px;
  color:#0000CC;
}
#fillquiz2 > h3 {
  text-align: center;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  color:#FFFF00;
}


/*for ministries and departments*/ 
#panel, #flip {
    padding: 10px;
    text-align: justify;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#panel {
    padding: 15px;
    display: none;
}
#panel table{
background-color:#FFFCE9;
}
#flip:hover {
  cursor: pointer;
  color:#0033FF;
}
.gkblock{
	padding: 10px;
    text-align: justify;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.gkblock1{
	padding: 10px;
    text-align: justify;
    background-color:#FF99FF;
    border: solid 1px #c3c3c3;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.gkblock2{
	padding: 10px;
    text-align: justify;
    background-color:#FEA751;
    border: solid 1px #c3c3c3;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.gkblock3{
	padding: 10px;
    text-align: justify;
    background-color:#9EFDFC;
    border: solid 1px #c3c3c3;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.gkblock4{
	padding: 10px;
    text-align: justify;
    background-color:#00FF00;
    border: solid 1px #c3c3c3;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.whiteblock{
	padding: 20px;
    text-align: justify;
    background-color:#FFFFFF;
    border: solid 5px #c3c3c3;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	color:#000000;
}
.whiteblock p{
	text-align: justify;
    background-color:#FFFFFF;
	border-bottom:solid 1px #0000CC;
	text-align: justify;
	padding-bottom: 20px;
}
.cablock{
	padding: 10px;
    text-align: justify;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.cablock1{
	padding: 10px;
    text-align: justify;
    background-color:#fbca9b;
    border: solid 1px #c3c3c3;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.cablock2{
	padding: 10px;
    text-align: justify;
    background-color:#99CCFF;
    border: solid 1px #c3c3c3;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.cablock3{
	padding: 10px;
    text-align: justify;
    background-color::#ecb3ff;
    border: solid 1px #c3c3c3;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.cablock h3, .cablock1 h3, .cablock2 h3, .cablock3 h3 {
font-size:30px;
color:#000000;
}
.cablock h5, .cablock1 h5, .cablock2 h5, .cablock3 h5 {
font-size:24px;
color:#0000FF;
font-weight:bold;
}
.cablock h6, .cablock1 h6, .cablock2 h6, .cablock3 h6 {
font-size:21px;
color:#0000FF;
font-weight:bold;
}
/*for everest climbers interactivity*/
.carousel {
    margin-top: 20px;
}
.item .thumb {
	width: 25%;
	cursor: pointer;
	float: left;
	opacity:1.0;
}
.item .thumb img {
	width: 100%;
	margin: 2px;
	opacity:1.0;
}
.item img {
	width: 100%;
	opacity: 0.8;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}
.everest{
background-image:url(../images/everest.jpg);
}
#answer1, #answer2, #answer3, #answer4, #answer5, #answer6, #answer7, #answer8, #answer9, #answer10, #answer11, #answer12, #answer13, #answer14, #answer15, #answer16, #answer17, #answer18, #answer19, #answer20, #answer21, #answer22, #answer23, #answer24, #answer25, #answer26, #answer27, #answer28, #answer29, #answer30, #answer31, #answer32, #answer33, #answer34, #answer35, #answer36, #answer37, #answer38, #answer39, #answer40, #answer41, #answer42, #answer43, #answer44, #answer45, #answer46, #answer47, #answer48, #answer49, #answer50, #answer51, #answer52, #answer53, #answer54, #answer55, #answer56, #answer57, #answer58, #answer59, #answer60, #answer61, #answer62, #answer63, #answer64, #answer65, #answer66, #answer67, #answer68, #answer69, #answer70, #answer71, #answer72, #answer73, #answer74, #answer75, #answer76, #answer77, #answer78, #answer79, #answer80, #answer81, #answer82, #answer83, #answer84, #answer85, #answer86, #answer87, #answer88, #answer89, #answer90, #answer91, #answer92, #answer93, #answer94, #answer95, #answer96, #answer97, #answer98, #answer99, #answer100, #answer101, #answer102, #answer103, #answer104, #answer105, #answer106, #answer107, #answer108, #answer109, #answer110, #answer111, #answer112, #answer113, #answer114, #answer115, #answer116, #answer117, #answer118, #answer119, #answer120
{
background-color:#FFFF9A;
border:double #330000;
padding-left:10px;
padding-right:5px;
padding-bottom:5px;
text-align:left;
}
.answer 
{
background-color:#FFFF9A;
border:double #330000;
padding-left:10px;
padding-right:5px;
padding-bottom:5px;
text-align:left;
}
.opener{
margin-bottom:10px;
}
.green{
color:#006600;

}
.red{
color:#990000;
padding-left:0px;
}
ol.alpha {list-style-type:lower-alpha;}
/*for mathematics home page*/

.mathblock
{
font-family:"Arial", Arial, Helvetica, sans-serif;
font-size:24px;
text-align:center;
width:270px;
height:250px;
border-collapse:collapse;
background-image:url(../images/blockBG.jpg);
margin-left:20px;
margin-right:20px;
}
.mathblock:hover {
background-image:url(../images/blockBG2.jpg);
}
.mathblock a:hover {
text-decoration:underline;
}
.mathblock td, .block th 
{
font-size:1.3em;
border:1px solid #7F5A58;
padding:3px 7px 2px 7px;
}
.mathblock tbody
{
vertical-align:top;
text-align:center;

}
.mathblock th 
{
font-size:14px;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-image:url(../reasoning/images/img10.jpg);
/*background-color:#330000;*/
color:#ffffff;
height:15px;
}
.mathblock tr.affair td 
{
color:#000000;

}
/*for reasoning home page*/

.reasoningblock
{
font-family:"Arial", Arial, Helvetica, sans-serif;
font-size:24px;
text-align:center;
width:270px;
height:250px;
border-collapse:collapse;
background-image:url(../images/blockBG.jpg);
margin-left:20px;
margin-right:20px;
}
.reasoningblock:hover {
background-image:url(../images/blockBG2.jpg);
}
.reasoningblock a:hover {
text-decoration:underline;
}
.reasoningblock td, .block th 
{
font-size:1.3em;
border:1px solid #7F5A58;
padding:3px 7px 2px 7px;
}
.reasoningblock tbody
{
vertical-align:top;
text-align:center;

}
.reasoningblock th 
{
font-size:14px;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-image:url(../reasoning/images/img06.jpg);
/*background-color:#330000;*/
color:#ffffff;
height:15px;
}
.reasoningblock tr.affair td 
{
color:#000000;
}
/*ordering of sentence, background of ans*/
.ordering{
background-color:#CBF9CA;
border:2px solid #7F5A58;
padding:10px;
border-radius:10px;
min-height:50px;
}
ol.clickme{
list-style-type:lower-alpha;
}
.clickme li:hover {
	font-weight:bold;
    color:#0000FF;
	font-size:18px;
	cursor:pointer;
}
.bottom-menu-hindi li a{
color:#FFFFCC;
}
/*for may 15 to dec 15 quiz pages*/
#test{
border:#000 1px solid; 
padding: 80px 20px 0px 40px;
background:url(../images/june-java-bg.jpg);
height:300px;
color:#FFFF00;
font-size:14px;
font-weight:bold;
}
#test p{
color:#FFFF00;
font-size:14px;
}
#button{
padding: 0px 0px 0px 0px;
height:30px;
float:left;
width:60%;
}
#score{
padding: 5px 0px 0px 21px;
height:25px;
float:right;
width:35%;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFF00;
}
#score1{
padding: 5px 0px 0px 21px;
height:25px;
float:right;
width:35%;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFF00;
}
.quiz{
background:none;
color:#FFFFFF;
}
.qcontainer{
padding: 0px 0px 0px 0px;
background:url(../images/quiz-bg-2.jpg) repeat-x;
height:30px;
}
#testMay{
border:#000 1px solid; 
padding: 80px 20px 0px 40px;
background:url(../images/quiz-may-15.jpg);
height:300px;
color:#FFFF00;
font-size:14px;
font-weight:bold;
}
#testMay p{
color:#FFFF00;
font-size:14px;
}
.container-may{
padding: 0px 0px 0px 0px;
background:url(../images/quiz-bg-may.jpg) repeat-x;
height:30px;
}
#testJuly{
border:#000 1px solid; 
padding: 80px 20px 0px 40px;
background:url(../images/2015-bg-Jul.jpg);
height:300px;
color:#FFFF00;
font-size:14px;
font-weight:bold;
}
#testJuly p{
color:#FFFF00;
font-size:14px;
}
.container-july{
padding: 0px 0px 0px 0px;
background:url(../images/quiz-bg-july.jpg) repeat-x;
height:30px;
}
#testAugust{
border:#000 1px solid; 
padding: 80px 20px 0px 40px;
background:url(../images/2015-bg-Aug.jpg);
height:300px;
color:#FFFF00;
font-size:14px;
font-weight:bold;
}
#testAugust p{
color:#FFFF00;
font-size:14px;
}
.container-aug{
padding: 0px 0px 0px 0px;
background:url(../images/quiz-bg-aug.jpg) repeat-x;
height:30px;
}
#testSeptember{
border:#000 1px solid; 
padding: 80px 20px 0px 40px;
background:url(../images/2015-sep-15.jpg);
height:300px;
color:#FFFF00;
font-size:14px;
font-weight:bold;
}
#testSeptember p{
color:#FFFF00;
font-size:14px;
}
.container-sep{
padding: 0px 0px 0px 0px;
background:url(../images/quiz-bg-2.jpg) repeat-x;
height:30px;
}
#testOctober{
border:#000 1px solid; 
padding: 80px 20px 0px 40px;
background:url(../images/2015-oct-15.jpg);
height:300px;
color:#FFFF00;
font-size:14px;
font-weight:bold;
}
#testOctober p{
color:#FFFF00;
font-size:14px;
}
.container-oct{
padding: 0px 0px 0px 0px;
background:url(../images/quiz-bg-july.jpg) repeat-x;
height:30px;
}
#testNovember{
border:#000 1px solid; 
padding: 80px 20px 0px 40px;
background:url(../images/2015-nov-15.jpg);
height:300px;
color:#FFFF00;
font-size:14px;
font-weight:bold;
}
#testNovember p{
color:#FFFF00;
font-size:14px;
}
.container-nov{
padding: 0px 0px 0px 0px;
background:url(../images/quiz-bg-aug.jpg) repeat-x;
height:30px;
}
#testDecember{
border:#000 1px solid; 
padding: 80px 20px 0px 40px;
background:url(../images/2015-dec-15.jpg);
height:300px;
color:#FFFF00;
font-size:14px;
font-weight:bold;
}
#testDecember p{
color:#FFFF00;
font-size:14px;
}
.container-dec{
padding: 0px 0px 0px 0px;
background:url(../images/quiz-bg-2.jpg) repeat-x;
height:30px;
}
#testSixteen{
border:#000 1px solid; 
padding: 80px 10px 0px 40px;
background:url(../images/2016-Jan-bg.jpg);
height:300px;
width:450px;
color:#FFFF00;
font-size:14px;
font-weight:bold;
}
#testSixteen p{
color:#FFFF00;
font-size:14px;
}
.cont-sixteen{
padding: 0px 0px 0px 0px;
background:url(../images/quiz-bg-2.jpg) repeat-x;
height:30px;
width:500px;
}
/*background of reasoning explanation*/
.reasoning{
background-color:#CCFFFF;
border:2px solid #7F5A58;
padding:10px;
border-radius:10px;
min-height:80px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*jumble quiz on states*/
#collage hr{
    border:none;
    border-top:2px solid #f5f2f2;
    height:1px;
}

#collage #playPanel {
    background-color:orange;
    padding:10px 0px;
    margin: 10px auto;
    max-width:800px;
    width:95%;
	text-align:center;
}

#collage #actualImageBox {
    display: inline-block;
    font-size:0.8em;
    margin: 10px 10px;
    vertical-align: top;
    width:280px;
}

#collage #stepBox, #collage #timeBox {
    display:inline-block;
    width:48%;
}

#collage #stepBox div {
    background-color:#c2defc;
    display:inline-block;
    padding:1px 4px;
    margin: 0px auto;
    max-width:800px;
}

#collage img#actualImage{
    border:2px solid #a46;
    height:280px;
    width:280px;
}

#collage #sortable {
    border:2px solid #a46;
    list-style-type: none;
    display: inline-block;
    margin: 10px;
    padding: 0;
    width: 410px;
	
}

    #collage #sortable li {
        background-size: 400% 400%;
        border: none;
        cursor: pointer;
        margin: 0;
        padding: 0;
        float: left;
        width: 100px;
        height: 100px;
    }

#collage button  {
    background-color:#f5f2f2;
    border:1px solid #cce;
    display: inline;
    font-size: 14px;
    height: auto;
    width: auto;
    padding: 3px 8px;
}

#slideshow {
  width: 100%;
  height: 0;
  padding-bottom: 85%;
  position: relative;
  overflow: hidden;
  background-color:#34495E;
}

.slide {
  width: 90%;
  height: 90%;
  position: absolute;
  top: 25px;
  left: 15px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
 }
.article {
  font-size: 18px;
  color:yellow;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  padding: 10px;
  text-align:justify;
 }
.slide.active {
  opacity: 1;
}
/*for maths solutions pages*/
.algebra {
	border:none;
	font-size: 20px;
}
.algebra td {
	text-align: center;
	vertical-align:middle;
	font-size: 20px;
}

.num {
	border-bottom: 1px solid #000000;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
.denom {
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
.options {
	border:none;
	width:500px;
	font-size: 20px;
}
.options td {
	text-align: left;
	vertical-align:middle;
	width: 25%;
	font-size: 20px;
}
/*for description in questions on trains*/
.dbox {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding:3px 7px 12px 10px;
}
/*this is for the timer included div in quiz pages*/
#result {
/*float: left; /* Floats the element to the left */
position: fixed; /* Keeps the element in a fixed position relative to the viewport */
top: 80px;        /* Aligns the element to the top of the viewport */
left: 0;       /* Aligns the element to the left of the viewport */
width: 300px; /*Example to make the text more readable*/
padding: 5px; /*Example to add some spacing*/
z-index:9999;
}
/*quiz-anatomy*/
.quiz-btn {
    display: block; /* Full width */
    width: 100%; 
    background-color: #330099;
    color: #FFFF33;
    border: 2px solid #FFFF33;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
	margin-bottom:10px;
}

.quiz-btn-right {
    display: block; /* Full width */
    width: 100%; 
    background-color:#00FF00;
    color:#000000;
    border: 2px solid #FFFF33;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
	margin-bottom:10px;
}
.quiz-btn-wrong {
    display: block; /* Full width */
    width: 100%; 
    background-color:#FF0000;
    color:#FFFFFF;
    border: 2px solid #FFFF33;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
	margin-bottom:10px;
}
.quiz-dark
{
font-family:"Arial", Arial, Helvetica, sans-serif;
background-color:#000066; 
color:#FFFF33;
width:100%;
border-collapse:collapse;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.quiz-dark td, .quiz-dark th 
{
font-size:1.2em;
border:1px solid #7F5A58;
padding:3px 7px 2px 7px;
}
.quiz-dark tbody
{
vertical-align:top;
text-align:left;
}
.quiz-dark th 
{
font-size:1.8em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#CC3300;
color:#000000;
}
.quiz-dark tr.affair td 
{
color:#000000;
background-color:#EBEBEB;
}


</style>