.content{
    background-image: url(images/a1in1background.gif);
	background-size: 100%;
}
#comments_area{
	display: none;
	width: 100%;
	text-align: center;
	background-color: #435fed;
}
#comments_area .commented_post{
	width: 100%;
}
#comments_area .commented_post .individual_time{
	width: 90%;
}
#comments_area textarea{
	width: 100%;
	border-radius: 30px;
	padding: 7px;
}
#comments_area button{
	width: 60%;
	border-radius: 30px;
	padding: 10px;
}

/* full screen styling goes below here.......................... */
.full_screen_reconnect{
	width: 100%;
	position: fixed;
	display: none;
	z-index: 4;
	background-color: #aeaeae;
	color: #fef;
	top: 0;
	left: 0;
}
.full_screen_reconnect .title_heading{
	width: 100%;
	display: block;
}
.full_screen_reconnect .title_heading h2{
	display: block;
	float: left;
}
.full_screen_reconnect .title_heading p{
	display: block;
	float: right;
	padding-left: 12px;
	padding-right: 12px;
	padding: 10px;
	background-color: red;
	color: #fff;
	margin-right: 20px;
	border-radius: 12px;
	font-family: sans-serif;
	font-weight: bold;

}
.full_screen_reconnect .reconnect_frame{
	width: 100%;
	display: block;
}
.full_screen_reconnect .reconnect_frame iframe{
	width: 100%;
	height: 100vh;
	overflow: scroll;
	display: block;
}

/* Big screens and systems... bigger machines .... */
@media screen and (min-width: 1200px){
.content{
	width: 80%;
	float: right;
	padding: 10px;
	color: #00058A;
	border-radius: 50px;
	text-align: center;
}
.ask_page{
	width: 100%;
	border-radius: 50px;
	background-color: #BBBBBB;
}
.designer{
	width: 100%;
	text-align: center;
}


.designer h4{
	width: 10%;
	border-radius: 20px;
	color: #00058A;
	background: #BBBBBB; /* For browsers that do not support gradients */
  	background: -webkit-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Safari */
  	background: -o-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Opera 11.6 to 12.0 */
  	background: -moz-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Firefox 3.6 to 15 */
  	background: radial-gradient(circle, #FFFFFF, #BBBBBB); /* Standard syntax */
	background-color: #de4323;
	border: 3px solid #FFFFFF;
	padding: 12px;
	font-size: 22px;
}

.pagetitle{
	width: 100%;
	text-align: center;
}

.pagetitle h5{
	width: 20%;
	color: #00058A;
	padding: 12px;
	margin-left: 40%;
	font-weight: bold;
	font-size: 16px;
}

.do_question{
	float: right;
	color: #00058A;
	text-align: center;
	display: none;
}
.do_question h5{
	color: #00058A;
	padding: 12px;
	font-weight: bold;
	font-size: 16px;
}

.questioner{
		width: 80%;
		margin-left: 10%;
		
	}
	.questioner .question{
		width: 100%;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		text-align: left;
	}

	.questioner code{
		width: 100%;
		height: 900px;
		overflow: scroll;
		
	}

	.questioner .question pre{
		width: 100%;
		background-color: #fefefe;
		color: #000000;
		overflow: scroll;
		
	}

/*	.questioner .question code pre{
		width: 100%;
		overflow: scroll;
		background-color: #fefefe; 
		color: #00058A;
	}*/

	.questioner img{
		width: 80%;
		text-align: center;
		border-radius: 4px;
		margin-left: 10%;
	}
	.questioner .question a{
		text-decoration: none;
		display: block;
		font-size: 13px;
		padding: 4px;
		color: red;
		font-weight: bold;
	}
	.questioner .questioner_details{
		width: 100%;
		height: 70px;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		position: relative;
		box-shadow: 0px 4px 2px #000000;
	
	}
	.questioner .questioner_details .questioner_id{
		width: 80%;
		float: left;
		text-align: left;
		font-size: 16px;
		vertical-align: middle;
	}
	.questioner .questioner_details .timings{
		width: 20%;
		display: inline-block;
		text-align: center;
		float: right;
		font-size: 13px;
		vertical-align: middle;

	}
	.questioner .questioner_details .questioner_id img{
		width: 70px;
		border-radius: 50%;
		height: 70px;
		display: inline;
		margin-left: 5px;		
	}
	.questioner .questioner_details .questioner_id .username{
		display: inline;
		position: absolute;
		margin-left: 30px;
		margin-top: 20px;
	}
	
	.questioner .questioner_details .timings .time{
		line-height: 0.4;
	}
	.questioner .questioner_details .timings .date{
		line-height: 0.4;
	}

	.answers{
		width: 80%;
		margin-left: 10%;
		
	}
	
	.answers .answer_details{
		width: 100%;
		height: 70px;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		position: relative;
		box-shadow: 0px 4px 2px #000000;
	
	}
	.answers .answer_details .answer_id{
		width: 80%;
		float: left;
		text-align: left;
		font-size: 16px;
		vertical-align: middle;
	}
	.answers .answer_details .timings{
		width: 20%;
		display: inline-block;
		text-align: center;
		float: right;
		font-size: 13px;
		vertical-align: middle;

	}
	.answers .answer_details .answer_id img{
		width: 70px;
		border-radius: 50%;
		height: 70px;
		display: inline;
		margin-left: 5px;		
	}
	.answers .answer_details .answer_id .username{
		display: inline;
		position: absolute;
		margin-left: 30px;
		margin-top: 20px;
	}
	
	.answers .answer_details .timings .time{
		line-height: 0.4;
	}
	.answers .answer_details .timings .date{
		line-height: 0.4;
	}
	.answers .question{
		width: 100%;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		text-align: justify;
	}
	.answers .question code{
		width: 100%;
		overflow: scroll;
		height: 900px;
		background-color: #ffffff;
		color: #000000;
		
	}
	.answers .question pre{
		width: 100%;
		background-color: #fefefe;
		color: #000000;
		overflow: scroll;
		
	}
	.answers .question .posted_media{
		max-width: 100%;
		min-width: 20%;
		text-align: center;
		border-radius: 4px;
	}

	.answers .question .rate{
		text-decoration: none;
		display: inline;
		width: 2%;
		padding: 4px;
	}
	.answers .question .comment{
		text-decoration: none;
		font-size: 13px;
		padding: 4px;
		text-align: right;
		float: right;
		display: inline;
	}



	/* this is the design to answer a question in the askPage */

	.answer_a_question{
		position: absolute;
		display: none;
		top: 20%;
		width: 75%;
		text-align: center;
		margin-left: 20%;
	}
	.answer_a_question form{
		display: block;
		width: 100%;
		text-align: left;
		background-color: #bbbbbb;
	}
	.answer_a_question form input{
		display: block;
		width: 90%;
		text-align: center;
		padding: 20px;
		border-radius: 20px;
		background-color: #00058A;
		color: #fefefe;
		font-family: sans-serif;
		font-size: 20px;
	}
	.answer_a_question form textarea{
		display: block;
		width: 90%;
		padding: 12px;
		border-radius: 12px;
	}
	.answer_a_question form .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}
	.holder .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}
/* Another css class for the design of another parts... */
.holder{
	text-align: center;
	width: 70%;
	height: 90%;
	margin-top: 5%;
	margin-left: 25%;
	position: absolute;
	display: none;
}
.pop-up_ask{
	width: 100%;
	height: 100%;
	
	border: none;
}

/* Pop-up for incomplete user deatils for the user to complete.... */
.not_registered_user{
	display: none;
	text-align: center;
	position: absolute;
	top: 20%;
	width: 70%;
	left: 15%;
	background-color: #fed098;
	border-radius: 40px;
	z-index: 2;
}
.not_registered_user img{
	width: 20%;
}
.not_registered_user select{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.not_registered_user .input_boxes{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.not_registered_user .incomplet_form_submission{
	width: 30%;
	padding: 12px;
	border-radius: 15px;
	background-color: #de5465;
}

.not_registered_user .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}


/* Security Pop-up for the askPage ---------------------------------------------------------------------------*/
.security_pop_up{
	display: none;
	text-align: center;
	position: absolute;
	top: 20%;
	width: 60%;
	left: 20%;
	background-color: lime;
	border-radius: 40px;
	z-index: 1;
}
.security_pop_up img{
	width: 20%;
}
.security_pop_up select{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.security_pop_up .security_input{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.security_pop_up  .security_submit_button{
	width: 30%;
	margin-left: 40%;
	padding: 12px;
	border-radius: 15px;
	color: #de5465;
	background-color: #ffffff;
	font-weight: bold;
}

.security_pop_up .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: #fefefe;
		color: red;
	}


/* -----------------------------------Sign-up side and the successful and warning pop-up------------------------ */

.signup_side{
	display: none;
	width: 60%;
	background-color: #fed546;
	padding: 12px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	position: absolute;
	left: 40%;
	z-index: 1;
}
.signup_side table{
	width: 100%;
}
.signup_side table tr{
	width: 100%;
}
.signup_side table tr .inputers{
	width: 70%;
	text-align: left;
}
.signup_side table tr td {
	width: 30%;
	text-align: left;
}
.signup_side table tr td label{
	font-size: 18px;
}
.signup_side table tr .inputers input{
	width: 80%;
	border-radius: 20px;
	padding: 8px;
}
.signup_side table tr .register{
	text-align: right;
}
.signup_side table tr .register a{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10%;
}

.signup_side .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: #fefefe;
		color: red;
	}
.successful_popup{
	width: 100%;
	background-color: green;
	color: #ffffff;
	display: none;
	position: absolute;
	text-align: center;
	font-weight: bold;
	padding: 12px;
}
.successful_popup img{
	position: relative;
	border: 3px solid #bbbbbb;
	border-radius: 30px;
	margin-top: -3%;
	
}


/* styler for warning side */
.warning_popup{
	width: 100%;
	background-color: yellow;
	display: none;
	position: absolute;
	text-align: center;
	font-weight: bold;
	padding: 12px;
	top: 50%;
	z-index: 1;
}
.warning_popup img{
	position: relative;
	width: 5%;
	border: 3px solid #bbbbbb;
	border-radius: 30px;
	margin-top: -3%;
	
}
.warning_popup .closure{
	position: absolute;
	margin-left: 40%;
	margin-top: -10%;
	
}
.recent_question{
	width: 100%;
	text-align: center;
}
.recent_question .individual_recent_question{
	width: 100%;
	background-color: #00058A;
	color: #ffffff;
	display: block;
	text-align: center;

}
.recent_question .individual_recent_question p{
	font-family: san-francisco, tahoma, arial;
	font-weight: bold;
	
}
.recent_question .individual_recent_question a{
	color: #fdfdfd;
	text-decoration: none;
	text-decoration: underline;
}
}

/* Tablets and Medium Devices and lit stuffs .... */
@media screen and (max-width: 1200px){
	.content{
	width: 80%;
	float: right;
	padding: 10px;
	color: #00058A;
	border-radius: 50px;
	text-align: center;
}
.ask_page{
	width: 100%;
	border-radius: 50px;
	background-color: #BBBBBB;
}
.designer{
	width: 100%;
	text-align: center;
}


.designer h4{
	width: 10%;
	border-radius: 20px;
	color: #00058A;
	background: #BBBBBB; /* For browsers that do not support gradients */
  	background: -webkit-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Safari */
  	background: -o-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Opera 11.6 to 12.0 */
  	background: -moz-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Firefox 3.6 to 15 */
  	background: radial-gradient(circle, #FFFFFF, #BBBBBB); /* Standard syntax */
	background-color: #de4323;
	border: 3px solid #FFFFFF;
	padding: 12px;
	font-size: 22px;
}

.pagetitle{
	width: 100%;
	text-align: center;
}

.pagetitle h5{
	width: 20%;
	color: #00058A;
	padding: 12px;
	margin-left: 40%;
	font-weight: bold;
	font-size: 16px;
}

.do_question{
	float: right;
	color: #00058A;
	text-align: center;
	display: none;
}
.do_question h5{
	color: #00058A;
	padding: 12px;
	font-weight: bold;
	font-size: 16px;
}

.questioner{
		width: 80%;
		margin-left: 10%;
		
	}
	.questioner .question{
		width: 100%;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		/*text-align: justify;*/
	}
	.questioner code{
		width: 100%;
		overflow: scroll;
		height: 900px;
		background-color: #ffffff;
		color: #000000;
	}

	.questioner pre{
		width: 100%;
		overflow: scroll;
		background-color: #fefefe; 
		color: #00058A;
	}
	.questioner img{
		width: 80%;
		text-align: center;
		border-radius: 4px;
		margin-left: 10%;
	}
	.questioner .question a{
		text-decoration: none;
		display: block;
		font-size: 13px;
		padding: 4px;
		color: red;
		font-weight: bold;
	}
	.questioner .questioner_details{
		width: 100%;
		height: 70px;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		position: relative;
		z-index: 1;
		box-shadow: 0px 4px 2px #000000;
	
	}
	.questioner .questioner_details .questioner_id{
		width: 80%;
		float: left;
		text-align: left;
		font-size: 16px;
		vertical-align: middle;
	}
	.questioner .questioner_details .timings{
		width: 20%;
		display: inline-block;
		text-align: center;
		float: right;
		font-size: 13px;
		vertical-align: middle;

	}
	.questioner .questioner_details .questioner_id img{
		width: 70px;
		border-radius: 50%;
		height: 70px;
		display: inline;
		margin-left: 5px;		
	}
	.questioner .questioner_details .questioner_id .username{
		display: inline;
		position: absolute;
		margin-left: 30px;
		margin-top: 20px;
	}
	
	.questioner .questioner_details .timings .time{
		line-height: 0.4;
	}
	.questioner .questioner_details .timings .date{
		line-height: 0.4;
	}

	.answers{
		width: 70%;
		margin-left: 15%;
		
	}
	
	.answers .answer_details{
		width: 100%;
		height: 70px;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		position: relative;
		box-shadow: 0px 4px 2px #000000;
	
	}
	.answers .answer_details .answer_id{
		width: 80%;
		float: left;
		text-align: left;
		font-size: 16px;
		vertical-align: middle;
	}
	.answers .answer_details .timings{
		width: 20%;
		display: inline-block;
		text-align: center;
		float: right;
		font-size: 13px;
		vertical-align: middle;

	}
	.answers .answer_details .answer_id img{
		width: 70px;
		border-radius: 50%;
		height: 70px;
		display: inline;
		margin-left: 5px;		
	}
	.answers .answer_details .answer_id .username{
		display: inline;
		position: absolute;
		margin-left: 30px;
		margin-top: 20px;
	}
	
	.answers .answer_details .timings .time{
		line-height: 0.4;
	}
	.answers .answer_details .timings .date{
		line-height: 0.4;
	}
	.answers .question{
		width: 100%;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		text-align: justify;
	}
	.answers .question code{
		width: 100%;
		overflow: scroll;
		height: 900px;
		background-color: #ffffff;
		color: #000000;
		
	}
	.answers .question pre{
		width: 100%;
		background-color: #fefefe;
		color: #000000;
		overflow: scroll;
		
	}
	.answers .question .posted_media{
		max-width: 100%;
		min-width: 20%;
		text-align: center;
		border-radius: 4px;
	}

	.answers .question .rate{
		text-decoration: none;
		display: inline;
		width: 2%;
		padding: 4px;
	}
	.answers .question .comment{
		text-decoration: none;
		font-size: 13px;
		padding: 4px;
		text-align: right;
		float: right;
		display: inline;
	}



	/* this is the design to answer a question in the askPage */

	.answer_a_question{
		position: absolute;
		display: none;
		top: 20%;
		width: 75%;
		text-align: center;
		margin-left: 20%;
	}
	.answer_a_question form{
		display: block;
		width: 100%;
		text-align: left;
		background-color: #bbbbbb;
	}
	.answer_a_question form input{
		display: block;
		width: 90%;
		text-align: center;
		padding: 20px;
		border-radius: 20px;
		background-color: #00058A;
		color: #fefefe;
		font-family: sans-serif;
		font-size: 20px;
	}
	.answer_a_question form textarea{
		display: block;
		width: 90%;
		padding: 12px;
		border-radius: 12px;
	}
	.answer_a_question form .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}
	.holder .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}
/* Another css class for the design of another parts... */
.holder{
	text-align: center;
	width: 70%;
	height: 90%;
	margin-top: 5%;
	margin-left: 25%;
	position: absolute;
	display: none;
}
.pop-up_ask{
	width: 100%;
	height: 100%;
	
	border: none;
}

/* Pop-up for incomplete user deatils for the user to complete.... */
.not_registered_user{
	display: none;
	text-align: center;
	position: absolute;
	top: 20%;
	width: 70%;
	left: 15%;
	background-color: #fed098;
	border-radius: 40px;
}
.not_registered_user img{
	width: 20%;
}
.not_registered_user  select{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.not_registered_user  .input_boxes{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.not_registered_user .incomplet_form_submission{
	width: 30%;
	padding: 12px;
	border-radius: 15px;
	background-color: #de5465;
}

.not_registered_user .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}


/* Security Pop-up for the askPage ---------------------------------------------------------------------------*/
.security_pop_up{
	display: none;
	text-align: center;
	position: absolute;
	top: 20%;
	width: 60%;
	z-index: 1;
	left: 20%;
	background-color: lime;
	border-radius: 40px;
}
.security_pop_up img{
	width: 20%;
}
.security_pop_up select{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.security_pop_up .security_input{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.security_pop_up  .security_submit_button{
	width: 30%;
	margin-left: 40%;
	padding: 12px;
	border-radius: 15px;
	color: #de5465;
	background-color: #ffffff;
	font-weight: bold;
}

.security_pop_up .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: #fefefe;
		color: red;
	}



/* -----------------------------------Sign-up side and the successful and warning pop-up------------------------ */

.signup_side{
	display: none;
	width: 60%;
	background-color: #fed546;
	padding: 12px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	position: absolute;
	left: 40%;
	z-index: 1;
}
.signup_side table{
	width: 100%;
}
.signup_side table tr{
	width: 100%;
}
.signup_side table tr .inputers{
	width: 70%;
	text-align: left;
}
.signup_side table tr td {
	width: 30%;
	text-align: left;
}
.signup_side table tr td label{
	font-size: 18px;
}
.signup_side table tr .inputers input{
	width: 80%;
	border-radius: 20px;
	padding: 8px;
}
.signup_side table tr .register{
	text-align: right;
}
.signup_side table tr .register a{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10%;
}

.signup_side .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: #fefefe;
		color: red;
	}
.successful_popup{
	width: 100%;
	background-color: green;
	color: #ffffff;
	display: none;
	position: absolute;
	text-align: center;
	font-weight: bold;
	padding: 12px;
}
.successful_popup img{
	position: relative;
	border: 3px solid #bbbbbb;
	border-radius: 30px;
	margin-top: -3%;
	
}


/* styler for warning side */
.warning_popup{
	width: 100%;
	background-color: yellow;
	display: none;
	position: absolute;
	text-align: center;
	font-weight: bold;
	padding: 12px;
	z-index: 1;
	z-index: 1;
	top: 50%;
}
.warning_popup img{
	position: relative;
	width: 5%;
	border: 3px solid #bbbbbb;
	border-radius: 30px;
	margin-top: -3%;
	
}
.warning_popup .closure{
	position: absolute;
	margin-left: 40%;
	margin-top: -10%;
	
}

.recent_question{
	width: 100%;
	text-align: center;
}
.recent_question .individual_recent_question{
	width: 100%;
	background-color: #00058A;
	color: #ffffff;
	display: block;
	text-align: center;

}
.recent_question .individual_recent_question p{
	font-family: san-francisco, tahoma, arial;
	font-weight: bold;
	
}
.recent_question .individual_recent_question a{
	color: #fdfdfd;
	text-decoration: none;
}
}


/* Smallest Screens and Mobile Devices... Hand gadgets .... */
@media screen and (max-width: 860px){
	.content{
	width: 100%;
	padding: 10px;
	color: #00058A;
	border-radius: 50px;
	text-align: center;
}
.ask_page{
	width: 100%;
	border-radius: 50px;
	background-color: #BBBBBB;
}
.designer{
	width: 100%;
	text-align: center;
}


.designer h4{
	width: 30%;
	border-radius: 20px;
	color: #00058A;
	background: #BBBBBB; /* For browsers that do not support gradients */
  	background: -webkit-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Safari */
  	background: -o-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Opera 11.6 to 12.0 */
  	background: -moz-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Firefox 3.6 to 15 */
  	background: radial-gradient(circle, #FFFFFF, #BBBBBB); /* Standard syntax */
	background-color: #de4323;
	border: 3px solid #FFFFFF;
	padding: 12px;
	font-size: 22px;
}

.pagetitle{
	width: 100%;
	text-align: center;
}

.pagetitle h5{
	width: 20%;
	color: #00058A;
	padding: 12px;
	font-weight: bold;
	font-size: 16px;
}

.do_question{
	display: none;
	color: #00058A;
	text-align: center;
}
.do_question h5{
	color: #00058A;
	padding: 12px;
	font-weight: bold;
	font-size: 16px;
}

.questioner{
		width: 80%;
		margin-left: 10%;
		
	}
	.questioner .question{
		width: 100%;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		text-align: left;
	}
	.questioner code{
		width: 100%;
		overflow: scroll;
		height: 900px;
		background-color: #ffffff;
		color: #000000;
	}
	.questioner pre{
		width: 100%;
		overflow: scroll;
		background-color: #fefefe; 
		color: #00058A;
	}
	.questioner img{
		width: 80%;
		text-align: center;
		border-radius: 4px;
		margin-left: 10%;
	}
	.questioner .question a{
		text-decoration: none;
		display: block;
		font-size: 13px;
		padding: 4px;
		color: red;
		font-weight: bold;
	}
	.questioner .questioner_details{
		width: 100%;
		height: 70px;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		position: relative;
		box-shadow: 0px 4px 2px #000000;
	
	}
	.questioner .questioner_details .questioner_id{
		width: 80%;
		float: left;
		text-align: left;
		font-size: 16px;
		vertical-align: middle;
	}
	.questioner .questioner_details .timings{
		width: 20%;
		display: inline-block;
		text-align: center;
		float: right;
		font-size: 13px;
		vertical-align: middle;

	}
	.questioner .questioner_details .questioner_id img{
		width: 70px;
		border-radius: 50%;
		height: 70px;
		display: inline;
		margin-left: 5px;		
	}
	.questioner .questioner_details .questioner_id .username{
		display: inline;
		position: absolute;
		margin-left: 30px;
		margin-top: 20px;
	}
	
	.questioner .questioner_details .timings .time{
		line-height: 0.4;
	}
	.questioner .questioner_details .timings .date{
		line-height: 0.4;
	}


	.answers{
		width: 70%;
		margin-left: 15%;
		
	}
	
	.answers .answer_details{
		width: 100%;
		height: 70px;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		position: relative;
		box-shadow: 0px 4px 2px #000000;
	
	}
	.answers .answer_details .answer_id{
		width: 80%;
		float: left;
		text-align: left;
		font-size: 16px;
		vertical-align: middle;
	}
	.answers .answer_details .timings{
		width: 20%;
		display: inline-block;
		text-align: center;
		float: right;
		font-size: 13px;
		vertical-align: middle;

	}
	.answers .answer_details .answer_id img{
		width: 70px;
		border-radius: 50%;
		height: 70px;
		display: inline;
		margin-left: 5px;		
	}
	.answers .answer_details .answer_id .username{
		display: inline;
		position: absolute;
		margin-left: 30px;
		margin-top: 20px;
	}
	
	.answers .answer_details .timings .time{
		line-height: 0.4;
	}
	.answers .answer_details .timings .date{
		line-height: 0.4;
	}
	.answers .question{
		width: 100%;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		text-align: justify;
	}
	.answers .question code{
		width: 100%;
		overflow: scroll;
		height: 900px;
		background-color: #ffffff;
		color: #000000;
		
	}
	.answers .question pre{
		width: 100%;
		background-color: #fefefe;
		color: #000000;
		overflow: scroll;
		
	}
	.answers .question .posted_media{
		max-width: 100%;
		min-width: 20%;
		text-align: center;
		border-radius: 4px;
	}

	.answers .question .rate{
		text-decoration: none;
		display: inline;
		width: 6%;
		padding: 4px;
	}
	.answers .question .comment{
		text-decoration: none;
		font-size: 13px;
		padding: 4px;
		text-align: right;
		float: right;
		display: inline;
	}



	/* this is the design to answer a question in the askPage */

	.answer_a_question{
		position: absolute;
		display: none;
		top: 20%;
		width: 75%;
		text-align: center;
		margin-left: 20%;
		z-index: 2;
	}
	.answer_a_question form{
		display: block;
		width: 100%;
		text-align: left;
		background-color: #bbbbbb;
	}
	.answer_a_question form input{
		display: block;
		width: 90%;
		text-align: center;
		padding: 20px;
		border-radius: 20px;
		background-color: #00058A;
		color: #fefefe;
		font-family: sans-serif;
		font-size: 20px;
	}
	.answer_a_question form textarea{
		display: block;
		width: 90%;
		padding: 12px;
		border-radius: 12px;
	}
	.answer_a_question form .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}
	.holder .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}
/* Another css class for the design of another parts... */
.holder{
	text-align: center;
	width: 70%;
	height: 90%;
	margin-top: 5%;
	margin-left: 25%;
	position: absolute;
	display: none;
}
.pop-up_ask{
	width: 100%;
	height: 100%;
	
	border: none;
}

/* Pop-up for incomplete user deatils for the user to complete.... */
.not_registered_user{
	display: none;
	text-align: center;
	position: absolute;
	top: 20%;
	width: 70%;
	left: 15%;
	background-color: #fed098;
	border-radius: 40px;
	z-index: 2;
}
.not_registered_user img{
	width: 20%;
}
.not_registered_user  select{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.not_registered_user .input_boxes{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.not_registered_user .incomplet_form_submission{
	width: 30%;
	padding: 12px;
	border-radius: 15px;
	background-color: #de5465;
}

.not_registered_user .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}


/* Security Pop-up for the askPage ---------------------------------------------------------------------------*/
.security_pop_up{
	display: none;
	text-align: center;
	position: absolute;
	top: 20%;
	width: 60%;
	left: 20%;
	z-index: 1;
	background-color: lime;
	border-radius: 40px;
}
.security_pop_up img{
	width: 20%;
}
.security_pop_up select{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.security_pop_up .security_input{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.security_pop_up  .security_submit_button{
	width: 30%;
	margin-left: 40%;
	padding: 12px;
	border-radius: 15px;
	color: #de5465;
	background-color: #ffffff;
	font-weight: bold;
}

.security_pop_up .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		z-index: 1;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: #fefefe;
		color: red;
	}


/* -----------------------------------Sign-up side and the successful and warning pop-up------------------------ */

.signup_side{
	display: none;
	width: 60%;
	background-color: #fed546;
	padding: 12px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	position: absolute;
	left: 40%;
	z-index: 1;
}
.signup_side table{
	width: 100%;
}
.signup_side table tr{
	width: 100%;
}
.signup_side table tr .inputers{
	width: 70%;
	text-align: left;
}
.signup_side table tr td {
	width: 30%;
	text-align: left;
}
.signup_side table tr td label{
	font-size: 18px;
}
.signup_side table tr .inputers input{
	width: 80%;
	border-radius: 20px;
	padding: 8px;
}
.signup_side table tr .register{
	text-align: right;
}
.signup_side table tr .register a{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10%;
}

.signup_side .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: #fefefe;
		color: red;
	}
.successful_popup{
	width: 100%;
	background-color: green;
	color: #ffffff;
	display: none;
	position: absolute;
	text-align: center;
	z-index: 1;
	font-weight: bold;
	padding: 12px;
}
.successful_popup img{
	position: relative;
	border: 3px solid #bbbbbb;
	border-radius: 30px;
	margin-top: -3%;
	
}


/* styler for warning side */
.warning_popup{
	width: 100%;
	background-color: yellow;
	display: none;
	position: absolute;
	text-align: center;
	font-weight: bold;
	padding: 12px;
	z-index: 1;
	top: 50%;
}
.warning_popup img{
	position: relative;
	width: 5%;
	border: 3px solid #bbbbbb;
	border-radius: 30px;
	margin-top: -3%;
	
}
.warning_popup .closure{
	position: absolute;
	margin-left: 40%;
	margin-top: -10%;
	
}
.recent_question{
	width: 100%;
	text-align: center;
}
.recent_question .individual_recent_question{
	width: 100%;
	background-color: #00058A;
	color: #ffffff;
	display: block;
	text-align: center;

}
.recent_question .individual_recent_question p{
	font-family: san-francisco, tahoma, arial;
	font-weight: bold;
	
}
.recent_question .individual_recent_question a{
	color: #fdfdfd;
	text-decoration: none;
}
}