@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("common.css");

body{margin:0px; padding:0px; background:#019cd8 url(../web_images/bg.jpg) no-repeat center 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body{margin:0px; padding:0px; background:#019cd8 url(../web_images/bg.jpg) no-repeat center 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
ul,li,ol{list-style:none; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6{padding:0px; margin:0px; font-weight:normal;}
/*
h1{background:url(../web_images/contentTitleBg.png) no-repeat center 0; line-height:53px; font-size:30px; color:#fff; padding-left:20px; margin:0 5px; font-family:"Comic Sans MS", cursive;}
*/


h1{background:#D70075; display:block; line-height:53px; font-size:30px; color:#fff; padding-left:20px; margin:0 5px; font-family:"Comic Sans MS", cursive;}

h6{font-size:14px; font-weight:bold; color:#fff; font-family:Arial, Helvetica, sans-serif;}

h2{ font-size:24px; color:#fff; padding-top:5px; margin:0 5px; font-family:"Comic Sans MS", cursive;}

h3{font-size:16px; color:#00354e; font-family:Verdana, Geneva, sans-serif;}

p{margin:0px; padding:5px 0;}

a{color:#d70101; text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{clear:both; line-height:0px; height:0px; }

#mainHolder{width:1048px; margin:0 auto;}

#mainHolder .topHeader{height:163px; width:100%;}

#mainHolder .topHeader .logoHolder{float:left; width:210px; margin-top:10px; }
#mainHolder .topHeader .logoHolder img{float:left;}
#mainHolder .topHeader .searchHolder{float:right; position:relative; height:130px; display:inline-block;}
#mainHolder .topHeader .searchHolder .follower{text-align:center; height:108px; }
#mainHolder .topHeader .searchHolder .search{ width:237px; padding:5px 10px; position:absolute; right:0px; bottom:0px;  height:22px; background:url(../web_images/searchBg.png) no-repeat 0 0;   }
#mainHolder .topHeader .searchHolder .search .inputBox{float:left; font-size:11px; height:20px; color:#9b9b9b; line-height:20px; width:215px; border:none; background-color:transparent; font-family:"Comic Sans MS", cursive;}
#mainHolder .topHeader .searchHolder .search .btnFind{background:transparent url(../web_images/searchIcon.png) no-repeat 50% 50%; border:none; height:20px; width:20px; cursor:pointer;}


#mainHolder .contentHolder{margin:12px 0 0 0;}

#mainHolder .leftMenuholder{width:165px; float:left; font-family:"Comic Sans MS", cursive;    background: #C70A7A;
padding: 20px;
box-shadow: 11px 0px 31px #000;
margin-right: 18px;}
#mainHolder .leftMenuholder ul{}
#mainHolder .leftMenuholder ul li{height:54px; position:relative; z-index:999; /* background:url(../web_images/leftMenuBg.png) no-repeat 0 0;*/ background:#FFFFFF; margin-bottom:5px; padding:3px 0 0 5px; color:#d70101; font-size:14px; }
#mainHolder .leftMenuholder  .leftbanner ul li{position:relative; z-index:999;  background:none; margin-bottom:5px; padding:0; color:#d70101; font-size:14px;  height:auto; width:165px; text-align:center;}
#mainHolder .leftMenuholder ul li img{float:left; margin-right:5px; padding-top:9px;}
#mainHolder .leftMenuholder ul li.line1 a{margin-top:15px; display:block;}
#mainHolder .leftMenuholder ul li.line1 li a{margin-top:0px; display:block;}
#mainHolder .leftMenuholder ul li.nav1 a{margin-top:0px; display:inline;}

#mainHolder .leftMenuholder ul li .subMenuBox{display:none; font-family:Arial, Helvetica, sans-serif; position:absolute; top:-1px; left:166px; width:580px; /*background:url(../web_images/subMenutopBg.png) no-repeat 0 0;*/ background:#ffffff; z-index:999; padding-top:9px; border:3px solid #FF3300;}
#mainHolder .leftMenuholder ul li .subMenuBox .subMenu{/*background:url(../web_images/subMenubottomBg.png) no-repeat 0 100%;*/ padding:0 15px;}
#mainHolder .leftMenuholder ul li .subMenuBox .subMenuList li{background:none; color:white; font-size:12px; font-family:Arial, Helvetica, sans-serif;float:left; width:230px; margin:0 25px 0 8px; border-bottom:dotted 1px #C70A7A; height:auto; line-height:20px;}
#mainHolder .leftMenuholder ul li .subMenuBox .subMenuList li a{/*color:#fff;*/ text-decoration:none;}
#mainHolder .leftMenuholder ul li .subMenuBox .subMenuList li a:hover{color:#000; text-decoration:none;}
#mainHolder .leftMenuholder ul li .subMenuBox .menuImg{float:left; width:148px; padding:10px; background-color:#517b00; margin:10px 0 20px 0; }
#mainHolder .leftMenuholder ul li .subMenuBox .subMenuList{float:left; width:500px; margin-bottom:15px;margin-left:10px; }
#mainHolder .leftMenuholder ul li .subMenuBox .subMenuList ul{ width:550px; margin-bottom:15px;list-style-image: url('https://cdn2.iconfinder.com/data/icons/splashyIcons/arrow_state_blue_right.png'); }

#mainHolder .leftMenuholder ul li .subMenuBox .subMenuList ul li{ list-style:inherit;}


#mainHolder .leftMenuholder ul li:hover .subMenuBox{display:block;}



#mainHolder .contentBox{width:512px; margin:0 6px; float:left;}
#mainHolder .contentBox ul.videoList{}
#mainHolder .contentBox ul.videoList li{width:160px; height:150px; float:left; margin:5px; position:relative;}

#mainHolder .contentBox ul.videoList li .hover-box{padding:10px 0;  font-family:Arial, Helvetica, sans-serif; color:#fff;  position:absolute; bottom:5px; left:4px; background:url(../web_images/hoverVideoBg.png) repeat-y 0 0; width:100%; }
#mainHolder .contentBox ul.videoList li .hover-box h6 a{color:#fff;  font-family: Arial,Helvetica,sans-serif;    font-size: 14px;    font-weight: bold; text-decoration:none;}
#mainHolder .contentBox ul.videoList li .hover-box h6 a:hover{color:#fff; text-decoration:none;}
#mainHolder .contentBox ul.videoList li .hover-box .txt{padding-left:12px; padding-right:4px;}

#mainHolder .contentBox ul.videoList li .hover-box .txt a{display:block; color:white; text-decoration:none;}

#mainHolder .contentBox ul.videoList li:hover .hover-box .txt{height:125px;}
#mainHolder .contentBox ul.videoList li:hover .hover-box .txt p{display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#mainHolder .contentBox ul.videoList li .hover-box .txt p{display:none;}


#mainHolder .adv{width:300px; float:right;}
#mainHolder .adv img{ }
#mainHolder .adv ul{float:left; width:100%;}
#mainHolder .adv ul li{margin:0 0 5px 0; clear:right; display:block;}

#mainHolder .paginationHolder{height:33px; padding:0 0 0 0;}
#mainHolder .paginationBottom{padding:0px;}
#mainHolder .paginationHolder .pagination{display:inline; float:right; padding-right:5px;}
/*#mainHolder .paginationHolder .pagination ul{float:left; width:100%;}
#mainHolder .paginationHolder .pagination ul li{padding:0 3px; margin:0 1px; background-color:#fff; font-size:14px; font-weight:bold; height:auto; width:auto; float:left;}*/
#mainHolder .paginationHolder .pagination a{background: none repeat scroll 0 0 #FFFFFF;    color: #D70075;    line-height: 15px;    margin: 9px 2px;    padding: 0 3px;    text-align: center;}
.videoHolder{margin:10px 0 0 0; padding: 0 5px;}




#mainHolder .contentBox .innerContent{background:url(../web_images/joksCbg.png) repeat 0 0; padding:10px; margin:10px 5px; float:left; width:482px; /*min-height:910px;*/}
#mainHolder .contentBox .innerContent ul.joks{list-style:none;}
#mainHolder .contentBox .innerContent ul.joks li{background:url(../web_images/jokeBg.png) repeat 0 0; margin:2px 0; padding:10px; color:#00354e; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:italic;}
#mainHolder .contentBox .innerContent ul.joks li:hover{background:url(../web_images/joksHoverBg.png) repeat 0 0;}

#mainHolder .contentBox .innerContent  .jokeFollower{margin:10px 0 0 0;}
#mainHolder .contentBox .innerContent ul.joks  .shareButton{padding:5px 0;}
#mainHolder .contentBox .innerContent ul.joks  .shareButton img{padding:0 2px; }
#mainHolder .contentBox .innerContent ul.joks li  a{color:#00354e; text-decoration:underline;}
#mainHolder .contentBox .innerContent ul.joks li  a:hover{text-decoration:none;}



#mainHolder .contentBox .innerContent ul.EduList{list-style:none;}
#mainHolder .contentBox .innerContent ul.EduList li{background:url(../web_images/jokeBg.png) repeat 0 0; margin:2px 0; padding:7px 10px; color:#00354e; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:italic;}
#mainHolder .contentBox .innerContent ul.EduList li:hover{background:url(../web_images/joksHoverBg.png) repeat 0 0;}

#mainHolder .contentBox .innerContent ul.EduList li  img{float:right }
#mainHolder .contentBox .innerContent ul.EduList li  a{color:#00354e; text-decoration:none;}
#mainHolder .contentBox .innerContent ul.EduList li  a:hover{text-decoration:none;}

#mainHolder .contentBox .innerContent .list-title{line-height:32px; background:url(../web_images/joksHoverBg.png) repeat 0 0; font-size:18px; font-family:"Comic Sans MS", cursive; padding:0 10px; }
#mainHolder .contentBox .innerContent .list-title img{float:right; padding-top:15px;}

#mainHolder .contentBox .innerContent .yellow-bg{margin:20px 0 0 0; background:url(../web_images/yellowBg.png) repeat 0 0;}
#mainHolder .contentBox .innerContent .red-bg{margin:20px 0 0 0; background:url(../web_images/redBg.png) repeat 0 0;}

#mainHolder .contentBox .innerContent .facts{}
#mainHolder .contentBox .innerContent .facts p{background:url(../web_images/jokeBg.png) repeat 0 0; margin:2px 0; padding:7px 10px; color:#00354e; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:italic;}
#mainHolder .contentBox .innerContent .facts p:hover{background:url(../web_images/joksHoverBg.png) repeat 0 0;}
.newVideo{position:absolute; top:-15px; left:0px; z-index:2;}

.footerHolder{height:57px; background-color:#01536f; margin:5px 0 0 0; }
.footerHolder .footer{width:990px; margin:0 auto; padding:10px 0 0 0;}
.footerHolder .footer .footerMenu{width:728px; float:left;color:#ffffff}
.footerHolder .footer .footerMenu ul{width:100%; float:left;}
.footerHolder .footer .footerMenu ul li{float:left; color:#ffffff; font-size:11px; line-height:20px;}
.footerHolder .footer .footerMenu ul li a{padding:0 8px; color:#ffffff;}
.footerHolder .footer .footerMenu span{display:block; font-size:10px; padding-left:8px; }

.footerHolder .footer .magnon{float:right; width:250px; text-align:right;}
.footerHolder .footer .magnon a{padding-right:30px; background:url(../web_images/magnon-icon.png) no-repeat 100% 50%; color:#fff; font-size:10px;}

.contentBox .bullet-redpoint ul, #inner-left .bullet-redpoint ul{margin:0px; padding:10px 0px 0px 5px;}
.contentBox .bullet-redpoint ul li, #inner-left .bullet-redpoint ul li{margin:0px; padding:0px; list-style-type:none; padding-bottom:18px; background:url(../web_images/red-bullets.gif) no-repeat left top; padding-left:25px;}
.contentBox .bullet-redpoint ul li span, #inner-left .bullet-redpoint ul li span{color:#0070C0; font-weight:bold; font-size:14px;}

.contentBox .bullet-redpoint2 ul, #inner-left .bullet-redpoint2 ul{margin:0px; padding:10px 0px 0px 5px;}
.contentBox .bullet-redpoint2 ul li, #inner-left .bullet-redpoint2 ul li{margin:0px; padding:0px; list-style-type:none; padding-bottom:18px; background:url(../web_images/bullet.gif) no-repeat left top; padding-left:25px;}
.contentBox .bullet-redpoint2 ul li span, #inner-left .bullet-redpoint2 ul li span{color:#0070C0; font-weight:bold; font-size:14px;}
.innerContent iframe{z-index:1; padding-bottom:5px;}


#mainHolder  .gkQuiz .contentBox {width:777px; margin-right:0px;}
#mainHolder  .gkQuiz .contentBox .innerContent{width:auto; float:none;}

#mainHolder  .gkQuiz .contentBox  h1{background-color:#D3006E;}
#mainHolder .contentBox .innerContent.video{padding:0px;	 width:502px;}
#mainHolder .contentBox .innerContent.video .backbtn{padding-right:10px;}


#mainHolder .contentBox .innerContent  .jokeFollower{margin:10px 0 0 0;}
#mainHolder .contentBox .innerContent ul.joks li .shareButton{padding:5px 0;}
#mainHolder .contentBox .innerContent ul.joks li .shareButton img{padding:0 2px; }
#mainHolder .contentBox .innerContent ul.joks li  a{color:#00354e; text-decoration:underline;}
#mainHolder .contentBox .innerContent ul.joks li  a:hover{text-decoration:none;}


/* OLD CSS */





/*html {margin:0px; padding:0px;}
p, div, h1, h2, h3, h4, h5, h6, ul, li, form{ margin:0px; padding:0px;}*/
/*----------------------------------------------------------------------------------------Header Css Start Here */
#header{width:931px; padding:0px 37px 0px 32px; margin:auto; height:118px; background:url(../web_images/top-bg.gif) no-repeat left top;}
#header .logo{width:331px; float:left; position:relative; padding-top:4px;}
#header .logo .guarantee{ position:absolute; top:90px; left:0px;}

#header .header-left{width:600px; float:left;}
.search{padding:24px 0px 0px 92px; width:259px; float:left; font-weight:bold; color:#fff; line-height:21px; overflow:hidden;}
.search span{ display:block; float:left;}
/*		.inputbox{width:166px; height:14px; border:1px solid #0084c1; font-size:11px; color:#004f69; padding:3px; margin:0px 9px;}*/
@media screen and (-webkit-min-device-pixel-ratio:0) {.inputbox {
                                                          width:155px; height:14px; border:1px solid #0084c1; font-size:11px; color:#004f69; padding:3px; margin:0px 9px;
                                                      }}
.go{width:26px; height:21px; background-color:#da0205; color:#fff; border:none;  font-weight:bold; font-size:10pt;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.go {
                                                          width:35px; height:21px; background-color:#da0205; color:#fff; border:none;  font-weight:bold; font-size:10pt;
                                                      }}

.global-link{font-weight:bold; float:left; padding:13px 0px 0px 12px; width:140px;}
.global-link span{ float:left; margin-top:20px; padding:0px 5px; color:#fff; font-weight:bold;}

a.contact-link{color:#fff; text-decoration:none; background:url(../web_images/phone-icon.gif) no-repeat center top; display:block; padding-top:20px; float:left;}
a.contact-link:hover{color:#000;}
a.subscribe-link{color:#fff; text-decoration:none; background:url(../web_images/subscribe.gif) no-repeat center top; display:block; padding-top:20px; float:left;}
a.subscribe-link:hover{color:#000;}
.login{ padding-left:93px;}
.login ul{margin:0px; padding:0px;}
.login ul li{margin:0px; padding:0px; list-style-type:none; float:left; color:#fff; font-weight:bold; margin-right:10px;}
.login ul li span{ margin-top:1px; display:inline-block;}

.login ul li a{ color:#fff; text-decoration:underline;}
.login ul li a:hover{text-decoration:none;}

.inputbox2{width:110px; height:14px; border:1px solid #0084c1; font-size:11px; color:#004f69; padding:3px;}
.login-button{width:43px; height:21px; background-color:#da0205; color:#fff; border:none;  font-weight:bold; font-size:10pt;}

@media screen and (-webkit-min-device-pixel-ratio:0) {.login-button {
                                                          width:46px; height:21px; background-color:#da0205; color:#fff; border:none;  font-weight:bold; font-size:10pt; margin:0px; padding:0px;
                                                      }}

.right-marnon{margin-right:0px!important;}

/*----------------------------------------------------------------------------------------Top Navigation Css Start Here */
#top-nav{width:960px; margin:auto; padding:0px 20px 0px 20px; background:url(../web_images/navigation.jpg) no-repeat left top; height:36px; font-family:"Comic Sans MS", arial, verdana; font-size:12pt;}

#top-nav .top-container{left:0px; top:0px;}

a.home, a.science-video, a.math-video, a.math-worksheet, a.education-ppt, a.cool-facts, a.gk-genius{ background:transparent no-repeat left 4px;}
a.home{ width:20px; padding-right:20px;}
a.home:hover{ width:20px; padding-right:20px;}

a.science-video{ background-image:url(../web_images/scienceIcon.png); width:180px;}
a.math-video{ background-image:url(../web_images/maths-icon.jpg); width:132px;}
a.math-worksheet{background-image:url(../web_images/math.jpg); width:148px;}
a.education-ppt{background-image:url(../web_images/education-icon.jpg); width:140px;}
a.cool-facts{background-image:url(../web_images/cool-icon.jpg); width:115px;}
a.gk-genius{background-image:url(../web_images/g-k-genius-icon.jpg); width:110px;}

/*----------------------------------------------------------------------------------------Company Info Css Start Here */
#company-info{width:1000px; margin:auto; padding:0px; height:350px;}

.quizzes{ position:absolute; z-index:0; left:760px; top:-285px; width:185px; color:#fff;}
.quizzes h2{font-size:13.5pt; margin:0px; padding:0px; font-weight:normal; padding-bottom:10px;}
.quizzes a{ color:#fff; text-decoration:underline; font-style:italic;}
.quizzes a:hover{text-decoration:none;}


/*----------------------------------------------------------------------------------------Body Container Css Start Here */
#body-container{width:1000px; padding:0px; margin:auto; background:url(../web_images/body-bg.gif) repeat-y left top;  position:relative;}
#body-container .body-bgtop{background:url(../web_images/body-bg-top.gif) no-repeat left top; min-height:200px; height:auto; _height:200px;}
#body-container .body-bgbottom{background:url(../web_images/body-bg-bottom.gif) no-repeat left bottom; padding:0px 0px 0px 18px; height:auto; _height:200px;}

/*----------------------------------------------------------------------------------------Left Container Css Start Here */
#left-container{width:605px; float:left; margin:28px 27px 0px 0px; color:#004f69;}
#left-container span{color:#000; font-size:16px; font-weight:bold;}
#left-container span span{color:#7030A0; text-decoration:underline;}
h4{margin:0px; padding:0px; font-family:"Comic Sans MS", arial, verdana; font-size:22pt; color:#6fad00; padding-top:10px;  padding-bottom:10px;}
h5{margin:0px; padding:0px; font-family:"Comic Sans MS", arial, verdana; font-size:16pt; color:#6fad00; padding-top:20px;  padding-bottom:10px; border-bottom:1px dashed #ADE6FF;}
.italic-text{font-style:italic; color:#7030A0; font-size:16px;}




/*----------------------------------------------------------------------------------------Left Container Css Start Here */
#right-container{width:344px; float:left; margin-left: 6px;}
#right-container .free-samplevideos{background:url(../web_images/free-videobg.gif) no-repeat left top;}
.videos-section{width:291px; margin:auto; overflow:hidden;}
.videos-holder{width:325px;}
.videos{float:left;}
.videos ul{ margin:0px; padding:0px;}
.videos ul li{ margin:0px; list-style-type:none; float:left; margin-right:30px; width:130px; height:129px; background:url(../web_images/video-boxbg.gif) no-repeat left top; height:165px; padding:5px 1px 0px 1px; display:block; text-align:center; margin-top:5px;}
.videos ul li a{color:#2d2d2d; text-decoration:none; font-weight:bold; display:block; line-height:18px;}
.videos ul li a:hover{text-decoration:underline;}

.free-samplevideoimage{padding:8px 0px 10px 85px;}

/*----------------------------------------------------------------------------------------Footer Section Css Start Here */

#footer{width:1000px; margin:auto; margin-top:10px; text-align:left;}
#footer .footer-container{background:#029eda; color:#fff; height:30px; line-height:30px; text-align:center;}
#footer .footer-container a{color:#fff; padding:0px 4px; text-decoration:none;}
#footer .footer-container a:hover{ text-decoration:underline;}

.designby, .footerlink{ color:#666666; font-size:11px;}
.designby a, .footerlink a{ text-decoration:none; color:#666666;}
.designby a:hover, .footerlink a:hover{ text-decoration:underline; color:#000000;}

.designby{width:480px; float:left; font-size:11px; padding:20px 0px 20px 10px;}
.designby a{color:#666666; font-size:11px;}
.designby a:hover{color:#666666;}

.sitedesign{color:#666666; padding:20px 10px 20px 0px; text-align:right;}
.sitedesign a{color:#666666; background:url(../web_images/magnon-solutions-logo.gif) no-repeat right top; padding-right:30px;}
.sitedesign a:hover{ text-decoration:underline;}

.footerlink{width:400px; float:left; text-align:right; padding-right:}


/*------------------------------------------------------------------------------------------Inner Page Css Start Here*/
#innerbody-container{width:1000px; padding:0px; margin:auto; background:url(../web_images/inner-body-bg.gif) repeat-y left top;}
#innerbody-container .innerbody-bgtop{background:url(../web_images/inner-body-bg-top.gif) no-repeat left top; height:auto; _height:200px;}
#innerbody-container .innerbody-bgbottom{background:url(../web_images/inner-body-bg-bottom.gif) no-repeat left bottom; padding:0px 0px 20px 18px; height:auto; _height:200px;}


/*------------------------------------------------------------------------------------------Inner Page Css Start Here*/
#inner-header{width:1000px; margin:auto; padding:0px; height:247px;}

/*------------------------------------------------------------------------------------------Inner Page  Left Css Start Here*/
#inner-left{width:682px; float:left; padding:0px 40px 0px 0px; color:#004f69;}

.breadctumb{color:#d60102; background:url(../web_images/hline.gif) no-repeat left bottom; margin-bottom:9px; line-height:51px;}
.breadctumb span{color:#004f69; padding:0px 17px;}
.breadctumb a{color:#004f69; text-decoration:none;}
.breadctumb a:hover{color:#d60102; text-decoration:underline;}

#inner-left h3{padding:20px 0px 0px 0px;}
#inner-left h4{padding:0px 0px 18px 0px;}

#inner-left a{color:#004f69; text-decoration:none;}
#inner-left a:hover{color:#000; text-decoration:underline;}


.ppt{float:right; width:112px; text-align:center; display:block; padding:10px;}
.ppt img{ display:block; text-align:center;}
.ppt a{color:#004f69; text-decoration:none;}
.ppt a:hover{color:#d60102; text-decoration:underline;}

a.download-ppt{color:#d70102; font-size:10px; text-decoration:underline;}
a.download-ppt:hover{color:#004f69; text-decoration:none;}
.free{background:url(../web_images/free.jpg) no-repeat right top; width:23px; height:30px; display:inline-block;}

/*------------------------------------------------------------------------------------------Inner Page  Right Css Start Here*/
#inner-right1{width:251px; float:right; padding:15px 10px 0px 0px}

#inner-right1 .right-sectionlink{ margin-left:50px;}
#inner-right1 .right-sectionlink img{ display:block; padding-top:20px;}

/*--------------------------------------------right panel 16-02-2011 --*/

#inner-right{width:251px; float:left; padding-top:4px;}

#inner-right .right-sectionlink{ margin-left:50px;}
#inner-right .right-sectionlink img{ display:block; padding-top:20px;}

.download-section{ margin-bottom:15px;}

.download-link{ text-align:center; margin-top:10px;}
.download-link a{color:#004f69; text-decoration:none; font-weight:bold; font-size:14px; line-height:24px;}
.download-link a:hover{color:#000; text-decoration:underline;}

/*------------------------------------------------------------------------------------------new Css Start Here*/

/*.math-video{ width:692px;}
.math-box{width:320px; float:left; margin-right:10px;  padding:5px; height:130px; margin-bottom:10px;}
.math-box .video-clip{width:150px; float:left; padding:5px;}
.math-box .video-clipContent{width:140px; float:left; padding:5px;}
.math-box .video-clipContent h2{color:#004f69; font-size:16px;}
.math-box .video-clipContent h2 a{color:#fff!important;}
.math-box .video-clipContent h2 a:hover{color:#fff!important; text-decoration:none!important;}
.math-box .video-clipContent h2 span{font-size:12px;}

.math-video  table tr td{background-color:#009ad5; color:#fff;}
.math-video td.hilite{background-color:#71ab00; color:#fff;}
.math-video td.hilite a{color:#fff!important; text-decoration:none!important;}

.math-video2{ width:680px; border:1px solid #009ad5; margin-top:7px; padding-left:10px;}
.left-videoinner{ width:338px; float:left; padding:10px 0px 10px 0px; text-align:justify; padding-right:9px; overflow:scroll; height:248px;}
.right-videoinner{ width:330px; float:right; border-left:1px solid #009ad5;}
.wathch-video{ font-weight:bold; text-decoration:underline;}
.wathch-video:hover{ font-weight:bold; text-decoration:none; color:#db0003; font-weight:bold;}
.subscribe-container{ width:692px; margin-top:30px;}
.star-button{color:#FF3300; padding-left:3px; font-size:16px;}
.subscribe-text{ padding:0px 0px 0px 10px; font-style:italic;}
.subscribe-text2{ padding:0px 0px 0px 10px; line-height:40px;}
.input{ width:150px; padding-left:5px; height:20px; border:1px solid #9ac0cc; line-height:20px; color:#004f69; }
.input:focus{ width:150px; padding-left:5px; height:20px; border:1px solid #9ac0cc; line-height:20px; color:#004f69; background-color:#c7f1ff;}
.forgot-username{ text-decoration:underline; font-size:10px; padding-left:5px;}
.forgot-username:hover{ text-decoration:none;}
.login-button2{ background:url(../web_images/login-button.gif) no-repeat top; width:113px; height:34px; line-height:34px; color:#000; text-align:center; border:none; font-size:14px;}
.back-button2:hover{ background:url(../web_images/login-hover.gif) no-repeat top; width:113px; height:34px; line-height:34px; color:#000; text-align:center; border:none;}

.back-button2{ background:url(../web_images/back-button.gif) no-repeat top; width:79px; height:23px; line-height:23px; color:#000; text-align:center; border:none; font-size:13px; display:block;}
.back-button2:hover{ background:url(../web_images/back-button.gif) no-repeat top; width:79px; height:23px; line-height:23px; color:#000; text-align:center; border:none; display:block;}*/


#innerlogin-innerbg{
    background:url(../web_images/loging-left-bg.jpg) top left no-repeat;
    width:1000px;
    height:579px;
    margin:0 auto;
}

.inner-loginfront{width:980px; padding-left:20px;}

.breadctumb2{color:#d60102; margin-bottom:10px; line-height:40px;}
.breadctumb2 span{color:#004f69; padding:0px 17px;}
.breadctumb2 a{color:#004f69; text-decoration:none;}
.breadctumb2 a:hover{color:#d60102; text-decoration:underline;}
.login-pad{ margin:56px 0px 0px 330px; width:265px;}
.star-text{color:#be0201;}
.input{ width:184px; padding-left:5px; height:20px; border:1px solid #0084c1; line-height:20px; color:#004f69; }
.input:focus{ width:184px; padding-left:5px; height:20px; border:1px solid #0084c1; line-height:20px; color:#004f69;background-color:#c7f1ff;}
.login-button2{width:43px; height:21px; background-color:#da0205; color:#fff; border:none; font-size:9pt; padding-bottom:4px; cursor:pointer;}

.forgot{color:#d70102; font-size:7pt; text-decoration:underline;}
.forgot:hover{color:#d70102!important; text-decoration:none;}
.subscribe-text{color:#757373;font-size:7.5pt;}

.submit-button2{width:52px; height:21px; background-color:#da0205; color:#fff; border:none; font-size:9pt; padding-bottom:4px; cursor:pointer;}
.required-text{color:#be0201; text-decoration:underline; font-size:8pt;}

/*----------------------- New css start  for math_video page on date 11-2-2011---------------------------*/
#inner-left2{width:682px; float:left; padding:0px 27px 0px 0px; color:#004f69;}

.math-videofront{background-color:#e2ffb4; width:980px; padding-left:20px; margin:0 auto;}
#leftmath-container{width:706px; float:left; padding:0px 17px 0px 0px; color:#004f69;}
#inner-right2{width:251px; float:left; padding-top:4px;}
.height-1{height:1px; line-height:1px; background-color:#dbf3fd; font-size:1px; margin-right:10px;}
.pad-10{ width:99%; /*padding-top:14px;*/ padding-bottom:10px; padding-left:0px;}
.backto-school{margin:0px 0px 20px 0px;}
.see-all{width:536px; float:left; margin:0px; padding:0px; font-family:"Comic Sans MS", arial, verdana; font-size:18pt; color:#6fad00; padding-bottom:10px;}
.see-all2{ width:146px; float:left;}
.clearfix2{clear:both;}
.middletop-nextpriviosbox{padding:10px 0px 10px 0px;}
.flt{float:left;}
.page-text{padding:0px 10px 0px 10px; font-size:12px; color:#004f69; float:left;}
.page-text1{font-size:12px; color:#004f69; float:left; text-align:center; height:17px; line-height:17px; background:url(../web_images/1-bg.jpg) top left no-repeat; display:block; width:17px;}

.active-link{color:#d60103!important; font-size:18px; text-decoration:none;}
.active-link:hover{color:#d60103!important; font-size:18px; text-decoration:underline;}
.box-text{font-size:12px;}
.active-link2{color:#d60103!important; font-size:9px; text-decoration:underline;}
.active-link2:hover{text-decoration:none;}
.v-height{height:1px; line-height:1px; background-color:#dbf3fd; font-size:1px; margin:10px 0px 10px 0px; width:1px;}
.h-line{height:1px; line-height:1px; background-color:#dbf3fd; font-size:1px; margin-top:18px; margin-bottom:18px;}
.height-24{height:24px; font-size:24px; line-height:24px;}
.box-1{ width:328px; float:left; background:url(../web_images/v-line.jpg) repeat-y top right; }
.box-2{ width:310px; float:left; padding-left:40px;}
.box-3{ width:460px; padding:10px; border:1px solid #dbf3fd; background:url(../web_images/grade-box-bg.jpg) repeat-x top left; float:left;}
.video-iconimg{padding-right:15px; padding-left:4px;}
.video-h-line{padding-left:20px;}
.pad-top{padding-top:10px;}

/*-------------------math video css--------------------*/
#inner-left3{width:702px; float:left; padding:0px 22px 0px 0px; color:#f6feb3;}
.math-videoinnerbg{background-color:#f6feb3; width:980px; padding-left:20px; margin:0 auto;}
.activ-transport{width:650px; float:left; margin:0px; padding:0px; font:bold 22px "Comic Sans MS", arial, verdana; color:#6fad00;}
.activ-transportbutton{ width:42px; color:#fff; height:24px; line-height:24px; text-align:center; border:none; background:url(../web_images/math-video-back-button.jpg) left no-repeat; font-size:10px; float:left; font-weight:bold; cursor:pointer; margin-top:10px;}
.mathvideo-leftbox{width:234px; padding-right:28px; float:left; margin-top:30px;}
.mathvideo-textbox{width:420px; float:left; margin-top:40px; color:#004f69; font-size:12px; text-align:justify; /*height:220px;*/ padding-right:20px;}
.activ-transportred{font-family:arial, verdana; font-size:18px; color:#d60103; padding-bottom:3px;}
/*-------------------gk genius css Date 14-02-2011--------------------*/

.innerbody-gkgenius{background:url(../web_images/gk-genius-bg.jpg) #dbf2fd repeat-x top; padding:0px 0px 20px 18px;}
#inner-left4{width:471px; float:left; padding:0px 10px 0px 0px;}
/*.arrow-bg{background:url(../web_images/arrow-bg-line1.png) no-repeat left 2px; height:175px; width:705px; clear:both;}*/

/*
.arrow-bg{background:url(../web_images/arrow-bg-line3.png) no-repeat left 28px; height:175px; width:730px; clear:both;}
.arrow-bg1{background:url(../web_images/arrow-bg-line2.png) no-repeat left 2px; height:68px; width:705px; clear:both;}
*/

.arrow-bg{background:none !important; height:175px; width:730px; clear:both;margin-bottom:30px !important;}
.arrow-bg1{background:none !important; height:68px; width:705px; clear:both; margin-bottom:30px !important;}
.activ-transport2{width:650px; float:left; margin:0px; padding:0px; font-family:"Comic Sans MS", arial, verdana; font-size:22px; font-weight:bold; color:#6fad00; padding-bottom:20px;}

/*-----------icons 1 to 15 ----------------------------*/
.icon-bg15{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#cd00c8; text-align:center;}
.icon-bg14{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#005ece; text-align:center;}
.icon-bg13{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#00ce59; text-align:center;}
.icon-bg12{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#cf0014; text-align:center;}
.icon-bg11{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#cf6f00; text-align:center;}
.icon-bg10{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#001acd; text-align:center;}
.icon-bg9{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#06d100; text-align:center;}
.icon-bg8{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#008ed4; text-align:center;}
.icon-bg7{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#cd3500; text-align:center;}
.icon-bg6{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#d20059; text-align:center;}
.icon-bg5{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#caa600; text-align:center;}
.icon-bg4{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#00d3c7; text-align:center;}
.icon-bg3{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#d3006e; text-align:center;}
.icon-bg2{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#6200cd; text-align:center;}
.icon-bg1{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#60d300; text-align:center;}

.icon-bg16{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#cd00c8; text-align:center;}
.icon-bg17{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#005ece; text-align:center;}
.icon-bg18{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#00ce59; text-align:center;}
.icon-bg19{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#cf0014; text-align:center;}
.icon-bg20{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#cf6f00; text-align:center;}
.icon-bg21{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#001acd; text-align:center;}
.icon-bg22{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#06d100; text-align:center;}
.icon-bg23{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#008ed4; text-align:center;}
.icon-bg24{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#cd3500; text-align:center;}
.icon-bg25{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#d20059; text-align:center;}
.icon-bg26{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#caa600; text-align:center;}
.icon-bg27{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#00d3c7; text-align:center;}
.icon-bg28{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#d3006e; text-align:center;}
.icon-bg29{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#6200cd; text-align:center;}
.icon-bg30{width:110px; float:left; height:100px; line-height:40px; margin-left:20px; font: bold 16px "Arial", arial, verdana; color:#60d300; text-align:center;}


#gkgenius_container{width:705px; margin:auto; font-family:"Comic Sans MS", arial, verdana; font-size:25px; text-align:center;}

#inner-left5{width:960px; float:left; padding:0px;}

/*-------------------guidelines css--------------------*/
.guidelines-box{width:462px; color:#0a4c6c; text-align:justify; background:#ffffff; border:1px solid #b9e9ff; float:left; padding:10px; clear:both;}
.ready-for-test{width:98px; height:24px; margin:10px 0px; float:left;}
.breadctumb3{width:50%; color:#d60102; margin-bottom:10px; line-height:40px;}
.breadctumb3 span{color:#004f69; padding:0px 17px;}
.breadctumb3 a{color:#004f69; text-decoration:none;}
.breadctumb3 a:hover{color:#d60102; text-decoration:underline;}
.height-2{width:663px; height:1px; background:url(../web_images/blue-divider-line.jpg);}
.activ-transport3{width:350px; float:left; margin:0px; padding:0px; font-family:"Comic Sans MS", arial, verdana; font-size:22px; font-weight:bold; color:#6fad00; padding-bottom:20px;}
.level1-icon{ background:url(../web_images/level-icon-green.png) no-repeat right top; width:125px; color:#fff; float:right; height:65px; padding-top:10px; font:normal 30px "Comic Sans MS", arial, verdana; text-align:left; margin-top:0px;}
.level-text {font:bold 20px "Comic Sans MS", arial, verdana; color:#FF0000; text-align:left;}

.level1-active-icon{ background:url(../web_images/level-icon-green.png) no-repeat right top; width:125px; color:#FF0000; float:right; height:65px; padding-top:10px; font:normal 30px "Comic Sans MS", arial, verdana; text-align:left; margin-top:20px;}

.red-text{color:#d60102; font:11px "Arial", Verdana;}
.questions-num{margin:0px; padding:0px; font-family:"Comic Sans MS", arial, verdana; font-size:18px; font-weight:bold; color:#d70102; padding-bottom:10px; clear:both;}
.label{width:30%; padding:30px 30px;}

/*-------------------best.com css--------------------*/

.green-title{font:bold 12px "Arial", Verdana; color:#6fad00; padding:10px 0px;}
.grades{width:140px; padding:10px; float:left;}

ul.bullet{
    display:block;
    background: url(../web_images/red-arrow.gif) 1px 2px no-repeat;
    font:bold 12px "Arial", Verdana; color:#d60103; padding:0px 10px;
}
ul.bullet li{
    list-style-type:none;
    background: url(../web_images/blue-arrow.gif) 1px 2px no-repeat;
    font:normal 12px "Arial", Verdana; color:#004f69; padding:0px 10px; margin:5px; 0px;}

ul.bullet li a{
    font-family:Arial, Verdana;
    font-size:12px;
    color:#004f69;
    text-decoration:none;
    font-weight:normal;
}
ul.bullet li a:hover{
    font-family:Arial, Verdana;
    font-size:12px;
    color:#DB2635;
    text-decoration:underline;
    font-weight:normal;}

.ques-ans{width:40%; padding:10px; float:left;}

/*-------------------Paging css--------------------*/
.pageing{height:42px;border:1px solid #E1E1E1; padding:0px 15px; background-color:#fff;}
.pagination a{color:#878787; font-size:11px; padding-right:5px; padding-top:11px; display:block; float:left;}
.pagination a span{color:#D90000; font-size:11px; font-weight:bold;}
.pagination .active{color:#D90000; font-size:15px; font-weight:bold;}


.pageings{height:33px; padding:0px 15px; margin-bottom:9px; line-height:33px;}
.pageing2 a{color:#878787; font-size:11px; padding-right:5px; display:block; float:left;}
.pageing2 a span{color:#D90000; font-size:11px; font-weight:bold;}
.pageing2 .active{color:#D90000; font-size:15px; font-weight:bold;}

.mar-non{margin:0px;}

/*-------------------Paging css--------------------*/

.top_banner_new{

    width: 728px;
    background: #fff;
    top: 70px;
    height: 90px;
    position: absolute;
    right: 28px;
}
.coolfacts{}
.coolfacts .innerContent{padding-right:0px; height:730px; overflow:scroll; overflow-x:hidden;}

.tabPanel{margin:10px 0; width:501px;}
.tabPanel ul.tabs {float:left; height: 56px; font-weight:bold; }
.tabPanel ul.tabs li {float: left; text-align:center; padding: 25px 0 0 0; height: 31px; width:266px; overflow: hidden; position: relative; background: url(../images-tabpanel/tabs.png) no-repeat bottom left; font-size: 18px; text-transform: uppercase;}

.tabPanel ul.tabs li a{color:#fff; text-decoration: none; display: block; outline: none; font-weight: normal; }
.tabPanel  ul.tabs li.active a {color:#304900; font-size: 18px;}
html .tabPanel ul.tabs li.active{background: url(../images-tabpanel/tabs.png) no-repeat top left;}
html .tabPanel ul.tabs li.last{background-position: 100% 0; width: 235px;}
html .tabPanel ul.tabs li.last.active{background-position: 100% 100%; width: 235px;}
.tabPanel .tab_container{clear: both; background: #fff;}
.tabPanel .tab_content{padding: 15px 0 10px 0;}
.video-listing{background: url(../images-tabpanel/devider.png) repeat-x 0 0; padding: 15px 0; color: #fff;box-shadow:1px 10px 10px #000000;}
.video-listing ul{}
.video-listing ul li{background: url(../images-tabpanel/video-bg.png) no-repeat 0 0; width: 166px; height: 150px; padding-top: 7px; float: left; text-align: center; position: relative;}

.video-listing li:hover .hover-box .txt{height:125px;}
.video-listing li:hover .hover-box .txt p{display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.video-listing li .hover-box{padding:10px 0;  font-family:Arial, Helvetica, sans-serif; color:#fff;  position:absolute; bottom:7px; left:6px; background:url(../web_images/hoverVideoBg.png) repeat-y 0 0; width:93%; }
.video-listing li .hover-box h6 a{color:#fff;  font-family: Arial,Helvetica,sans-serif;    font-size: 14px;    font-weight: bold; text-decoration:none;}
.video-listing li .hover-box h6 a:hover{color:#fff; text-decoration:none;}
.video-listing li .hover-box .txt{padding-left:12px; padding-right:4px;}

.video-listing li .hover-box .txt a{display:block; color:white; text-decoration:none;}


.video-listing li .hover-box .txt p{display:none;}




#tab1 ul li:first-child{background: url(../images-tabpanel/arrow-notifier.png) no-repeat 0 0; height: 130px; width: 116px; padding: 27px 50px 0 0; float: left; font-size: 22px; font-weight: bold;}
.video-listing ul li.last{background: url(../images-tabpanel/view-more-btn.png) no-repeat 0 0; width: 110px; height: 74px; padding: 50px 25px 25px 25px; float: left; text-align: center; position: relative; color: #472800; font-size: 14px; margin-top: 4px; line-height: 20px;}
.video-listing ul li:first-child span{font-size: 16px;}
.video-listing ul li.last a{font-weight: bold; color: #472800; text-decoration: none;}
.video-listing ul li.last a:hover{font-weight: bold; color: #472800; text-decoration: underline;}


.video-listing ul li .new{position: absolute; left: 6px; top: 5px;}
.video-listing ul li .play-btn{position: absolute; left: 60px; top: 56px;}
.video-listing ul li .video-name{position: absolute; background: url(../images-tabpanel/black-bg.png) repeat 0 0; border-left: 9px solid #d70075; left: 6px; font-size: 14px; font-weight: bold; text-align: left; top: 109px; width: 139px; padding: 3px;}
.clear{clear: both;}

/* Footer Ads */
.bottom_ads {
	width:990px; margin:0 auto; }
.bot_ad {
	width:501px; margin:0px 0px 4px 171px;
	text-align:center; }
	
	
	
	
	
.main-box{
width: 155px;
float: left;
/*height: 100px; */
line-height: 40px;
margin-left: 20px;
font:15px "Arial", arial, verdana;
text-align: center;
box-shadow:-1px -7px 20px #000;
min-height:180px;
}
	
	
.fn-black{color:#000000;}
	
	
	/*
.main-box{
width: 110px;
float: left;
height: 100px;
line-height: 40px;
margin-left: 20px;
font: bold 15px "Arial", arial, verdana;
text-align: center;
}
	
	
.fn-green{color:#60d300;}
.fn-red{ color:#d3006e;}
.fn-blue{color:#6200cd;}
.fn-yellow{ color:#001acd;}
.fn-brown{color:#cd3500;}

.fn-cb{color:#cd3500;}
.fn-cb{color:#cd3500;}
.fn-cb{color:#cd3500;}
.fn-cb{color:#cd3500;}
.fn-cb{color:#cd3500;}
.fn-cb{color:#cd3500;}
	
	
*/	
	
	.menuleft ul li:hover { width:165px; margin:0 15px 0 10px;-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
	z-index:3000;
	background:#990000;}
	#mainHolder .leftMenuholder ul li:hover{
	color:#FFFFFF;
	}

	#mainHolder .leftMenuholder > ul > li:hover a{
	color:#FFFFFF;
	}