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

@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);



Body {background:#fff ; margin:0px; padding:0px; font-size:16px; color:#333333; font-weight:400; font-family:"Open Sans",sans-serif;color: #000;}
img { max-width: 100%}
a img { border:none;}
h1 { font-size:30px; color:#25408f;}
h2 { font-size:24px; color:#0db14b;}
h3 { color:#333333; font-size:17px;}
ul {}
ul li {}
ul li a {}
ul li a:hover {}
a {}
a:hover {}
p {font-size:16px; color:#000; font-weight:400; font-family:"Open Sans",sans-serif;}
input[type=button]{}
input[type=text],select {}
textarea {}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus
 {border-color: rgba(156, 156, 156, 0.5);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 12px rgba(156, 156, 156, 0.5);
  outline: 0 none;transition:border-color  1s ease 0s;transition:box-shadow  1s ease 0s;}

.topOuter{ width:100%; float:left; background:#fff;height: auto;}
.wrapper{ width:1200px; margin:auto;}
.topSection{ width:100%; float:left;}
#home .logo{ width:238px; height:137px; margin: 30px auto auto;}
.logo{ width:238px; height:137px; margin: 30px  0 0 0;}

.logo a img{ width:auto;}
.ContentOuter{ width:100%; float:left;background:#fff url(../images/TopBg.png) repeat-x top center;  }
#home .contentSection{  width:76%; float:left;padding:20px 12%; }
.loginBox{ background:#dcdcdc; border:4px solid #d2d2d2; border-radius:10px; padding:10px 110px 80px; margin-top:50px;}
.loginBox  input{ background:#fff; color:#4a4a4a; font-size:21px; font-weight:400; padding:15px 30px; width:100%; margin:10px 0; border:1px solid #d3d4d6;font-family:"Open Sans",sans-serif;width: calc(100% - 40px);}

.loginBox  input[type="button"] { background:#25408f; color:#fff; font-size:25px; font-weight:700; padding:12px 30px; width: auto; margin:10px  auto;font-family:"Open Sans",sans-serif; border-radius:14px; border:none; display:block; cursor:pointer; }
.loginnote{ float:left; background:#eaeaea; font-size:16px; padding:5px 10px; width:100%;}
.loginError{float:left;font-size:16px; padding:5px 10px; width:100%;background:#fcc1c1;border:1px solid #ec9a9a;color:#c40000;}

.loginButton{background:#25408f!important; color:#fff!important; font-size:25px!important; font-weight:700!important; padding:12px 30px!important; width: auto!important; margin:10px  auto!important;font-family:"Open Sans",sans-serif!important; border-radius:14px!important; border:none!important; display:block!important; cursor:point!important;}

.FooterOuter{ width:100%; float:left; color:#25408f;  font-size:15px;font-family:"Open Sans",sans-serif;  font-weight:100;  }
.FooterSection{ width:100%; float:left; text-align:center;}
.bottom{ width:100%; background:url(../images/bottomDivider.png) no-repeat center top; margin-top:40px; padding-top:40px;}

.contentTDOne{width:80%;margin:auto;}
.contentScore p{text-align:left;}
.contentTDOne table{width:100%;margin-bottom:20px;}
.contentTDOne table th, .contentTDOne table td{padding:2px 8px;text-align:left;}
.contentTDOne table td{font-size:14px;}

.contentSection{  width:100%; float:left;padding:70px 0%; }
.contentScore{width:80%;margin:auto;}
.contentScore p{text-align:center;}
.contentScore table{width:100%;margin-bottom:20px;}
.contentScore table th, .contentScore table td{padding:2px 8px;text-align:left;}
.dataTableIncomplete {width:110px;}
.dataTableHeadingCategory{width:250px;}
.dataTableHeadingCategory,.dataTableHeadingContent{ font-size:15px;}

.contentScore table td{font-size:16px;}
.loginSection{ float:right;color:#3352ac;font-size:15px;font-family:"Open Sans",sans-serif; margin-top:-125px;}
.loginSection  .name:before{font-weight:300;	content: "Logged in as: "; 	}
.loginSection  .name{font-weight:600;}
.loginSection  .logout{ padding-left:35px;}
.loginSection  .logout a{ font-weight:600; color:#0db14b;}
.loginSection  .logout a:hover{ text-decoration:none;}
.TopIcons{ float:right;margin-top:-75px;}
.TopIconsNarrow {display: none;}
.TopIcons a img{ vertical-align:middle;}
.TopIcons span{ border-right:2px solid #6a6a6a; margin:0 20px;}
.InnerLeft{ width:380px; float:left;}
.InnerRight{width: calc(100% - 455px);float:left; margin-left:75px; font-size:16px;}


.brudcrumb{ font-size:15px;  margin-bottom:20px;}
.brudcrumb a{ color:#25408f;font-weight:600; padding-right:10px;}
.InnerRight ul{ padding-left:0px;}
.InnerRight ul li {
  padding:0 0 0px 20px;
  background:url(../images/bullet.png) no-repeat left 5px;
  list-style-type:none;
  margin: 0px 0px 6px 20px;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline; background-image:none;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 4px 12px;
    text-decoration: none; 
	border-radius:6px; border:none; margin:0 2px;
}

ul.pagination li a:hover {
    background-color: #4CAF50;
    color: white;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
}
.InnerLeft h2 { margin-top:0px;}
.InnerLeft ul{ padding:0px;}
.InnerLeft ul li {
  list-style-type: none;
  padding: 6px 0 0px 30px;
}
.InnerLeft ul li a {
  color:#25408f;
  font-size:16px;
  font-weight:400;
  text-decoration: none;
}
.InnerLeft ul li a:hover{ text-decoration: none; }



.InnerLeft .video { padding-bottom:20px;}
.InnerLeft .video li{ background-image:none; padding-left:0px;}
.InnerLeft .video li a{color:#25408f; font-size:16px; font-weight:400; text-decoration:none; overflow:hidden; display:block;}
.InnerLeft .video li a img{ padding-right:10px; vertical-align:middle; float:left;}
.InnerLeft .video li a:hover{ text-decoration: underline; }
.require{ color:#ec008c; font-size:14px; font-style:italic; padding-left:30px;}
.require:hover{ text-decoration:none;}

.bottomSection{ background:#a3a3a3; border:6px solid #878787; border-left:0;border-right:0; float:left; width:100%; padding:70px 0; margin-bottom:45px; text-align:center;}
.bottomSection img{ border: 20px solid #fff;
    border-radius: 110px;
    width: 115px; display:block; margin-right:40px; margin:0 auto 20px ;
box-shadow: 6px 11px 8px -10px rgba(0, 0, 0, 0.43);  transition-duration: 0.2s;
    transition-property: transform;}
	
.bottomSection img:hover{
	/*-webkit-transform:rotate(360deg);
    	-moz-transform:rotate(360deg); 
    	-o-transform:rotate(360deg);
	transform: rotate(360deg);*/
}

.bottomSection a{ display:inline-block; font-size:16px; color:#fff; text-decoration:none; font-weight:400; margin:10px; text-align:center;}

/* not using */
.Recent-News {}
.Recent-News h2 {}
.news_title {}
.news_title a {}
.news_date {}
.read_more_link {}
.read_more_link a {}
/* not using */

.InnerContent{}

.articles_title {font-weight: bold;}
a.articles_title {text-decoration:none;}
.articles_date {font-style:italic;}
.articles_wrap {padding-bottom:15px;}
.articles_content {padding-top:3px;}
.articles_meta {padding-top:3px;}
a.readmore_link {font-weight: bold;color:#008900;text-decoration:none;}

.Archive b,.Archive h1 ,.Archive h2 ,.Archive h3 { padding-left:25px;} 
.InnerContent a.articles_title {text-decoration: none;color:#ac2919;} 
.InnerContent .articles_title{text-shadow: none;}
.InnerContent .articles_date {text-shadow:none; color:#333;}
.InnerContent .articles_content{text-shadow:none;}

.slideshow > div {float:none !important;height:auto!important; width:100%!important;}
.slideshow img{ position:relative !important; height:auto!important; width:100%!important;}

.HomeLeft{ width:66%; float:left;}
.HomeRight{width:33%; float:left;}
.SingleColumn{ width:100%; float:left;}
.formcheck { width: 40%;  display: inline-block; }

.Chapters{ color:#fff; font-size:16px; font-weight:600;border-radius:4px; border:none; padding:7px 20px; text-transform:uppercase; font-family:"Open Sans",sans-serif; background:#0db14b url(../images/Aroow_03.png) no-repeat 95% 50%; cursor: pointer; margin-bottom:20px; display:none;float: right;margin-left: 100%;}

#nav_buttons_inside a img{ display:none;}

#nav_buttons_inside a{background: #0db14b;
    border-radius: 13px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    padding: 4px 12px;
    font-weight: bold;}

#nav_buttons_inside {margin: 20px auto;}

.imgLogo {
	padding: 0px 0px 0px 15px;
}
.csp_quote { 
	font-weight: 400;
}

.diamond_fill {
  float: right;
  margin: 0px 0px 10px 20px;
}

.question_fill {
  float: left;
  margin: 0px 10px 10px 0px;
}

/*MEDIA QUERIES*/

/* remove "laptop" size */
/*
@media screen and (max-width: 1370px) and (min-width: 1000px)   { 
.welcomeText, .loginBox{ width:47%;  float:left; padding:0px; margin:0px 1%; }
#home .contentSection {padding: 20px 3%;width: 94%;}
.loginnote {padding: 2%;width: 96%; margin:2% 0;}
.loginBox input{ margin: 10px auto;padding: 10px 5px; display:block;   font-size: 18px;}
.loginBox h1{ text-align:center; }
#home .contentSection h1{font-size:25px;}
.loginBox input[type="button"] {border-radius: 8px;font-size: 20px;padding:8px 27px;}
.loginError{width:96%;}
}
*/

@media screen and (max-width:1200px) {
.wrapper {width: 100%;margin: auto;}
.loginSection{ margin-right:20px;}
.TopIcons{ margin-right:20px;}
.InnerLeft{ width:370px; float:left; padding-left:10px;}
.InnerRight{width: calc(100% - 420px); float:left; margin:0 10px 0 30px;}	
}

@media screen and (max-width: 980px) {
.HomeLeft{ width:50%; float:left;}
.HomeRight{width:50%; float:left;}
.SingleColumn{ width:96%; margin:2%;}
.InnerLeft{ width:300px; float:left; padding-left:10px;}
.InnerRight{width: calc(100% - 340px);float:left; margin:0 10px 0 20px;}	
}

@media screen and (max-width: 768px) {
.HomeLeft{ width:100%; float:left;}
.HomeRight{width:100%; float:left;}
.loginBox{ padding:10px 25px 30px; margin-top:25px;}
.loginBox  input{width: calc(100% - 60px);}
.loginnote{ width: calc(100% - 20px);}
.contentSection{  width:92%; float:left;padding:10px 4%; font-size:16px;}
.topOuter{height: auto;}
.logo{height:137px; margin:5px auto auto;}
h1 { font-size:24px;}
.FooterOuter{ width:94%; padding:3%;}
#home .logo{margin:0 auto;}
#home .contentSection{  width:92%; float:left;padding:10px 4%; font-size:16px;}
.loginSection{ margin:10px 0; width:100%;text-align:center;}
.TopIcons{ display: none; margin:10px 0;width:100%; text-align:center;}
.TopIconsNarrow{ display: block; float:right; margin-top: -40px;}
.InnerRight{width:96%; float:none; padding:2%; margin:0px;}
ul.pagination li{ padding:0; }
ul.pagination li a {margin: 0 1px;padding: 2px 9px;}.Chapters{ display: block;}
.InnerLeft {float: none;padding:0; width:0;}
.cbp-spmenu-open.InnerLeft {width:98%; padding-left:2%;}
#main_content{ margin:0px;}
#main_content div{ margin:0px!important; float:none!important;}
#main_content div img{margin: auto!important;display: block!important;}
#main_content ol{margin:10px 0!important;}
#main_content p{font-size:16px;}
.diamond_fill { display: none; }
.question_fill { display: none; }

/*........slide Menu............*/

.Chapters.active{background:none;right:0;position: fixed; z-index:1000; top:10px; color:rgba(255, 255, 255, 0); width:30px;}

.Chapters.active::before{ background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    color: #fff;
    content: "×";
    height: 100vh;
    padding:12px;
    position: fixed;
    right: 0;
    top: 0;
    font-size:40px;}
	
.Chapters.disabled{background:#aaa;pointer-events:none}
.cbp-spmenu{background:#fff;position:fixed}
.cbp-spmenu-vertical{height:100%;top:0;z-index:1000}
.cbp-spmenu-left{left:-240px}
.cbp-spmenu-left.cbp-spmenu-open{left:0}
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}

/*........slide Menu............*/

.InnerLeft  h2 {font-size:20px; margin-top:20px;}
.InnerLeft .video li a img {width:8%;}
.bottomSection {padding: 17px 0;}
.bottomSection a {margin: 15px;font-size: 19px;}
.bottomSection img {border: 12px solid #fff;margin: 0 auto 20px;width: 100px;}
.InnerLeft .video li a{ font-size:14px; }

#main {
width: 100%;
padding:0px;
margin:0px;
}
.tv_420_315 {
    background-image: none;
    padding-left: 0px;
    padding-top: 0px;
}
iframe{width: 100% !important;}
}	

@media screen and (max-width: 480px) {
.InnerLeft .video li a img {width: 12%;}
.bottomSection a {margin: 8px;font-size: 16px;}
}