/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
.questions_outer_container{ float:left; width:100%; }

.questions_outer_container span{ 
	color: #000; 
	float: left; 
	font-size: 44px; 
	font-weight: bold; 
	margin-top: 6px; 
	padding-right: 10px; 
	width:8%;
}
.questions_outer_container p{
	width:90%; float:left; margin-top:0px; color:#000000; font-size:24px;	
}
.questions_lead_container span{ 
	color: #000; 
	float: left; 
	font-size: 14px; 
	font-weight: bold; 
	margin-top: 6px; 
	padding-right: 10px; 
	width:13%;
}
.questions_lead_container p{
	width:87%; float:left; margin-top:10px; color:#000000; font-size:24px;	
}
.questions_btn_outer{ float:left; width:100%; }

.questions_sub{
	float: left; 
	margin-left: 91px; 
	margin-top: 15px; 
	width: 245px;	
}
.questions_sbt{	
	background-color: #fff; 
	border: 2px solid #000; 
	color: #000; 
	font-size: 20px; 
	padding: 10px 25px;
	text-decoration:none;
	width:310px;
	cursor:pointer;
}

.questions_sbt:hover{	
	background-color: #0055a5; 
	border: 2px solid #0055a5; 
	font-weight: bold;
	color: #fff; 	
}
.questions_btn{	
	background-color: #fff; 
	border: 2px solid #000; 
	color: #000; 
	font-size: 20px; 
	/*font-weight: bold; */
	padding: 10px 50px;
	text-decoration:none;
	width:250px;
	cursor:pointer;
}

.questions_btn:hover{	
	background-color: #0055a5; 
	border: 2px solid #0055a5; 
	font-weight: bold;
	color: #fff; 	
}
.questions_btn_sel{	
	background-color: #0055a5; 
	border: 2px solid #0055a5; 
	color: #fff; 
	font-size: 20px; 
	font-weight: bold; 
	padding: 10px 50px;
	text-decoration:none;
	width:250px;
	cursor:pointer;
}
.questions_saparator{ float:left; width:100%; height:100px; }

.lead_saparator{ float:left; width:100%; height:0px; }

.lead_outer{ float:left; width:100%; padding:10px; }

.lead_outer_grey{ float:left; width:100%; background-color:#EEEEEE; padding:10px; }

.res_left_heading{ 
	float:left; 
	width:20%; 
	border-bottom:1px solid #000; 
	color:#000; 
	font-weight:bold; 
}

.res_empty{ float:left; width:5%; }

.res_left_heading{ 
	float:left; 
	width:20%; 
	border-bottom:1px solid #000; 
	color:#000; 
	font-weight:bold; 
}

.res_right_heading{ 
	float:left; 
	width:70%; 
	border-bottom:1px solid #000;
	color:#000; 
	font-weight:bold; 
}

.res_right_heading{ 
	float:left; 
	width:70%; 
	border-bottom:1px solid #000;
	color:#000; 
	font-weight:bold; 
}

.res_saparatr{ float:left; width:100%; height:40px; }

.res_cat_outer{ float:left; width:20%; background-color:#090D70; }

.res_cat_heading{ float:left; width:100%; color:#FFF; padding:10px; font-weight:bold; }

.res_graph_outer{ float:left; width:70%; }

.res_marks{ float:left; width:10%; color:#000; padding:10px; text-align:right; }

.res_bar_outer{ float:left; width:90%; color:#FFF; padding:10px; background-color:#F6F28F; }

.res_bar_outer span{ background-color:#333; float:left; height:27px; margin-top:0px; padding:0px; }


.alert-success {
	color:#468847;
	background-color:#dff0d8;
	border-color:#d6e9c6;
	font-size:16px;
}
.alert-success hr {
	border-top-color:#c9e2b3
}
.alert-success .alert-link {
	color:#356635
}
.alert-danger {
	color:#b94a48;
	background-color:#f2dede;
	border-color:#eed3d7;
	font-size:16px;
}
.alert-danger hr {
	border-top-color:#e6c1c7
}
.alert-danger .alert-link {
	color:#953b39
}
.alert-info {
	color:#3a87ad;
	background-color:#d9edf7;
	border-color:#bce8f1;
	font-size:16px;
}
.alert-info hr {
	border-top-color:#a6e1ec
}
.alert-info .alert-link {
	color:#2d6987
}

.summary_main{
	float:left; width:100%;
}
.summary_sub{
	width:100%; float:left; padding:40px; text-align:center; border:1px solid #000;	
}
.summary_sub span{
	color:#F00; text-weight:bold	
}
.marg25{ margin-top:25px; }


/* 	CSS FOR GROUPS STARTS HERE*/
.gs_group_outer{
	float:left; width:100%; padding:10px;
}

.gs_group_main{
	float:left; width:31.4%; border:1px solid #000 !important; background-color:#F8F8F8; margin:10px; text-align:center; padding:5px; height:375px;
	
}

.gs_group_fields_outer{
	float:left; width:100%; margin-left:10px;
}
.gs_group_fields_lbl{
	float:left; width:30%; text-align:left !important;
}
.gs_group_fields_fld{
	float:left; width:60%; text-align:left !important;	
}
.gs_group_heading_box{
	float:left; width:100%; padding:15px; text-align:center; font-size:24px; font-weight:bold; background-color:#666; color:#FFF;	
}
/* CSS FOR GROUPS ENDS HERE */

/* 	CSS FOR COMPARISON CHARTS STARTS HERE*/

.charts_main_container{ 
	float:left; width:100%;
}
.charts_left_outer{
	float:left; width:50%; padding:10px;	
}

.charts_main_heading{ 
	float:left; width:100%; border:2px solid #000; text-align:center; background-color:#F15A2B; color:#FFF;
}
.charts_sub_heading{
	float:left; width:100%; border:2px solid #000; text-align:center; background-color:#F2F2F2; color:#000; border-top:none;
}
.charts_row_outer{
	float:left; width:100%; border:2px solid #000; text-align:center; color:#000; border-top:none;	
}

.charts_cat_colum{
	float:left; width:30%; border-right:2px solid #000; padding:2px; text-align:left;	
}
.charts_bar_colum{
	float:left; width:50%; border-right:2px solid #000; padding:2px;	
}
.charts_bar_colum span{
	 background-color:#000; float:left;
}
.charts_percnt_colum{
	float:left; width:20%;	
}
.charts_right_outer{float:left; width:50%; padding:10px;}
/* 	CSS FOR COMPARISON CHARTS ENDS HERE*/
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

@media (min-width: 768px) and (max-width: 1024px){
	.questions_outer_container span{ 		
		font-size: 34px; 
		margin-top: 4px;
		width:8%;
	}
	.questions_outer_container p{
		font-size:20px;	
	}
	.questions_lead_container span{ 		
		font-size: 34px; 
		margin-top: 4px;
		width:13%;
	}
	.questions_lead_container p{
		font-size:20px;	
	}
	.questions_sub{ margin-left: 66px;  width: 181px; }
	.questions_btn{  font-size: 16px; padding: 5px 25px; width:185px;}
	.questions_btn_sel{	
		background-color: #0055a5; 
		border: 2px solid #0055a5; 
		color: #fff; 
		font-size: 16px; 
		font-weight: bold; 
		padding: 5px 25px;
		text-decoration:none;
		 width:185px;
		cursor:pointer;
	}
	
	.gs_group_main{ width:30%; height:440px; }
	.gs_group_fields_lbl{ width:100%; }
	.gs_group_fields_fld{ width:90%; }
}

@media (min-width: 480px) and (max-width: 768px){
	.questions_outer_container span{ padding-right:30px; font-size:26px; margin-top:0px; }
	.questions_outer_container p{ width:92%; font-size:20px; }
	.questions_lead_container span{ font-size:22px; margin-top:0px; width:17%; }
	.questions_lead_container p{ width:83%; font-size:20px; margin-top:0px; }
	.questions_sub{ margin-left: 52px;  width: 165px; }
	.questions_btn{  font-size: 16px; padding: 5px 25px; width:185px;}
	.questions_btn_sel{	
		background-color: #0055a5; 
		border: 2px solid #0055a5; 
		color: #fff; 
		font-size: 16px; 
		font-weight: bold; 
		padding: 5px 25px;
		text-decoration:none;
		width:185px;
		cursor:pointer;
	}
	.gs_group_height{ height:440px !important; }
	.gs_group_main{ width:100%; height:400px; }
	.gs_group_fields_lbl{ width:100%; }
	.gs_group_fields_fld{ width:90%; }
}

@media (min-width: 320px) and (max-width: 480px){
	
	.questions_outer_container span{ padding-right:30px; font-size:16px; }
	.questions_outer_container p{ width:91%; font-size:14px; }
	.questions_lead_container span{ font-size:16px; }
	.questions_lead_container p{ width:83%; font-size:14px; }
	.questions_sub{ margin-left: 80px;  width: 150px; }
	.questions_btn{  font-size: 12px; padding: 5px 15px;  width:150px;}
	.questions_btn_sel{	
		background-color: #0055a5; 
		border: 2px solid #0055a5; 
		color: #fff; 
		font-size: 12px; 
		font-weight: bold; 
		padding: 5px 15px;
		text-decoration:none;
		width:150px;
		cursor:pointer;
	}
	.gs_group_height{ height:440px !important; }
	.gs_group_main{ width:100%; height:400px; }
	.gs_group_fields_lbl{ width:100%; }
	.gs_group_fields_fld{ width:90%; }
}

@media (min-width: 240px) and (max-width: 320px){
	.questions_outer_container span{ font-size: 10px; padding-right: 20px; margin-top:0px;}
	.questions_outer_container p{
		width:90%; float:left; margin-top:0px; font-size:12px;
	}
	.questions_lead_container span{ font-size: 10px; margin-top:0px; width:26%;}
	.questions_lead_container p{
		width:73%; float:left; margin-top:0px; font-size:12px;
	}
	.questions_sub{ margin-left: 41px;  width: 160px; }
	.questions_btn{  font-size: 10px; padding: 5px 30px;  width:190px;}
	.questions_btn_sel{	
		background-color: #0055a5; 
		border: 2px solid #0055a5; 
		color: #fff; 
		font-size: 10px; 
		font-weight: bold; 
		padding: 5px 30px;
		text-decoration:none;
		width:190px;
		cursor:pointer;
	}
	.gs_group_height{ height:440px !important; }
	.gs_group_main{ width:100%; height:400px; }
	.gs_group_fields_lbl{ width:100%; }
	.gs_group_fields_fld{ width:90%; }
}