* {
	padding: 0;
	margin: 0;
}

.clear {
clear: both;
}

body {
  line-height: 1.5em;	
  font-family: Open Sans;
  color: #000;
  padding: 0;
  margin: 0;
  background-color: #ccc!important; 
}

#page-wrap {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	min-width: 240px!important;
	max-width: 1110px!important;
	background-color: #FFFFFF!important;
	box-shadow: 0px 5px 10px 9px #999;
}

/* FONTS */
h1, h2, h3, h4 {
	margin: 0!important;
	padding: 1% 0!important;
	color: #5EAC1A!important;
}

h1 {
	font-size: 20px!important;
}	

h2 {
	font-size: 18px!important;
}

h3 {
	font-size: 16px!important;
}

h4 {
	font-size: 14px!important;
}

p {
	font-size: 13px!important;
}

.title {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	font-style: normal;
}

form {
	margin: 0;
	padding: 0;
}
	
input {
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 1%;
}	
/* FONTS */

/* IMAGES */
img {
	border: 0;
}
div.logo {
	margin: 0;
	padding-left: 5%;;
}	
/* IMAGES */

/* LINKS */
a {
	color: #0077CC;
	text-decoration: none;
}
/* LINKS */

/* SOCIAL ICONS */
.connect {
	font-weight: 700;
	color: #175690;
	margin: 0;
	padding: 0;
}	
#follow_us { 
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
	
}
/* SOCIAL ICONS */

/* SEARCH FORM */
#custom-search-form {
	margin:0;
	margin-top: 5px;
	padding: 0;
}
 
#custom-search-form .search-query {
	padding-right: 3px;
	padding-right: 4px \9;
	padding-left: 3px;
	padding-left: 4px \9;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
 
#custom-search-form button {
	border: 0;
	background: none;
	/** belows styles are working good */
	padding: 2px 5px;
	margin-top: 2px;
	position: relative;
	left: -28px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
 
.search-query:focus + button {
	z-index: 3;   
}
/* SEARCH FORM */

/* TOP MENU */
 /* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding-left: 1%;
    /*overflow: hidden;*/
    background-color: #175690;
	height:40px;
	padding-top: 5px;
}
/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 13px;
	font-weight: 700;
}




 ul li ul.dropdown{
        min-width: 100px; /* Set width of the dropdown */
        background: #175690;
        display: none;
        position: absolute;
        z-index: 99999;

    }
    ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
    ul li ul.dropdown li{
        display: block;
    }

ul.dropdown li{
        float:none;
		display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }
    ul.dropdown li a{
        width:100%;
		text-align:left;

    }



/* Change background color of links on hover */
ul.topnav li a:hover {color: #5EAC1A; background-color: #ffffff;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

 /* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}
/* TOP MENU */

/* PAGE */
.left_block, .right_block {
	margin: 0;
	padding:0;
}
.right_block {
	border-left: 3px dashed F5F5F5;
}
.head_block {
	margin: 0;
	padding: 1% 2% 1% 2%!important;	
}
.breadcrumb {
	background-color: #ffffff!important;
	margin: 0!important;
	padding: 3% 0 0 0!important;
}	
.breadcrumb  ul {
	list-style-type: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.breadcrumb  ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
.ad_block {
	margin: 0;
	padding: 0;	
	height: 70px;
}
#module_index {
	margin: 1% 3%;
	padding-left: 3%;
	border: 3px solid #F5F5F5;
	background-color: #F9F9F9;
}
#module_index ul {
	list-style-type: none;
	margin: 2% 0;
	padding-left: 5%;	
}
#module_index ul  li{
	padding-bottom: 1%;	
}
.module_block {
	padding: 0!important;
	border: 3px solid #F5F5F5;
}

.module_block .row {
	padding: 0 2%!important;
}

.module_block .division {
	margin-left: 2%;
	padding: 1% 0 0 0%;
}
.module_block p{
	padding: 1%;
	font-size: 14px!important;
}
ul.options {
	padding: 1% 5%;
	font-size: 14px!important;
}
ul.options li {
	list-style-type: none;
	padding-bottom: 1%;
}	
.exams {
	background-color: #175690;
	margin: 0;
	text-align: center;
}
.exams h2 {
	color: #FFFFFF!important;
}		
ul.modules {
	margin: 4% 1%;
	padding-left: 2%;
	list-style-type: none;
}
.modules li {
	padding-bottom: 5%!important;
}
.modules a {
	color: #175690;
	text-decoration: none;
}
.modules a:hover {
	color: #5EAC1A;
}

/* centering styles for jsbin */
.row-centered {
	text-align: center;
	margin: 0;
	padding-left: 5%;
	width: 100%;
}	
/* centering styles for jsbin */
.test_block {
	display: block;
	margin: 0% auto;
	padding: 0!important;
	border: 3px solid #F5F5F5;
	text-align: center;
}
.fix-width {
	float: left;
	width: 30%;
	min-width: 250px;
	margin: 1% 1%;
	padding: 1% 2%;
	border: 3px solid #F5F5F5;
	text-align: center;
	box-shadow: 0px 5px 5px 2px #999;
}
.head {
	width: 100%;
	display: block;
	border-bottom: 5px solid #F5F5F5;
}	
.test-head {
	font-size: 120%;
	font-weight: bold;
}
.sub-head {
	font-size: 90%;
	color: #175690;
	font-weight: 700;
}
.fix-width ul {
	text-align: left;
	margin: 5% 0 0 10%;
	padding-left: 2%;
	font-size: 90%;
}
.fix-width .price {
	margin: 10% 0 0 2%;
	font-size: 90%;
	font-weight: 700;
	text-align: left;
}
.fix-width .actualprice {
	color: #449D44;
}	
.fix-width  .b-size {
	width: 95%;
	margin-top: 10%;
	font-size: 110%;
	font-weight: 700;
}	
.sidebar {
	border-left: 2px dashed #F1F1F1;
	margin: 0.5% 0;
	padding: 0;
}
.sidebar_block {
	background-color: #f2f2f2;
	padding: 15px;
}	
.sidebar h3 {
	color: #5EAC1A!important;
}
.sidebar_block  ul {
	margin: 0;
	padding-left:0;
	list-style-type: none;
}		
/* PAGE */

/* FOOTER */
.footer_div {
	list-style-type: none;
    margin: 0;
    padding: 15px 0;
    overflow: hidden;
	color: #ffffff;
    background-color: #175690;
}
.footer_div p {
	margin: 0;
	padding: 5px 20px;
	font-size: 16px;
}
.footer_div a, .footer_div a:hover {
	color: #ffffff;
	text-decoration: none;
}	
/* FOOTER */

.division i {
	color:#f8e17c;	
}

/* For pagination function. */
ul.pagination {
    text-align:center;
    color:#829994;
	margin-left:3%;
}
ul.pagination li {
    display:inline;
    padding:0 3px;
}
ul.pagination a {
    color:#0d7963;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #cde0dc;
    text-decoration:none;
	margin-right: 10px;
}
ul.pagination a:hover,
ul.pagination a.current {
    background:#0d7963;
    color:#fff;
}

.clsAnswer p{
	width:100%;
	padding:10px 0px 0px 0px;	
}

#studyMaterialNote h2{
	padding:10px;	
}

#studyMaterialNote ul{
	padding-left:30px;	
}