\@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
/* 	background: #e6e5e5 url(../images/MainRepeater.png) left top repeat-x; */
}

abbr,acronym,address,applet,area,b,base,basefont,bdo,big,blockquote,br,button,caption,center,cite,code,col,colgroup,dd,del,dfn,dir,div,dl,dt,em,fieldset,font,form,frame,frameset,h1,h2,h3,h4,h5,h6,hr,i,iframe,img,input,ins,isidex,kbd,lable,legend,li,link,map,menu,meta,noframes,noscript,object,optgroup,option,p,param,pre,q,s,samp,script,select,small span,strike,strong,style,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,u
	{
	margin: 0px;
	padding: 0px;
}
.questionMark {
    background: url("../images/question-mark2.png") no-repeat scroll left top transparent;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 22px;
    width: 22px;
}
img {
	border: none;
}

.FloatLeft {
	float: left;
}

.FloatRight {
	float: right;
}
.buttonBackground
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   
   color:#FFFFFF;
   background-color:#457AB0;
   border-style:none;
   border-color:#457AB0;
   border-width:0px;
   
   
}

.navbar-collapse {
	padding-left: 5px !important;
}

.CommonButtonMiddle_{
	float: left;
	width: auto;
	height: 22px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 0px 0 0px;
	background: url(../images/CommonButtonMiddleBg.png) left top repeat-x;
}
/*-------------- Global ------------*/
#ShadowBg {
	margin:0 auto;
	height:auto;
	width:1066px;
	/* background:url(../images/ShadowBg.png) no-repeat left 120px; */
	
}

#ShadowBg a{
	outline: none;
	

}

#Wrapper {
	margin: 0 auto;
	width: 992px;
	height: 100%;
}

/*------------ Header -----------*/
#Header {
	width: 992px;
	height: 67px;
	background: #FFFFFF;
	padding: 0px 42px 0 23px;
	overflow: hidden;
	
}


#HeaderAdmin {
	width: 927px;
	height: 67px;
	background: #FFFFFF;
	padding: 0px 42px 0 23px;
	overflow: hidden;
	
}

#LogoBox {
	float: left;
	width: 401px;
	height: 47px;
	padding-top: 15px; /*To be changed to 10px for production*/
	outline: none;

}

#TopLinkBox {
	float: right;
	width: 496px;
	height: 38px;
	padding: 29px 0 0 0;
	overflow: hidden;
	
}
#TopLinkBoxStudent {
	float: right;
	width: 496px;
	height: 38px;
	padding: 29px 0 0 0;
	overflow: hidden;
}
.TopLinkLeftBox{
	float:left;
	width:298px;
	height:38px;
	background: #d9d9d9 url(../images/TopLinkLeftCorner.png) left top no-repeat;
	visibility:hidden;
}
.TopLinkLeftBoxTeacher{
	float:left;
	width:298px;
	height:38px;
	background: #d9d9d9 url(../images/TopLinkLeftCorner.png) left top no-repeat;
	visibility:hidden
}

.TopLinkLeftBoxStudent{
	float:left;
	width:298px;
	height:38px;
	visibility:hidden;
}
.TopLinkLeftBoxNumber{
	font-size:14px;
	float:left;
	font-weight:bold;
	color:#222222;
	width:48px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:7px 0 0 10px;
	
}
.TopLinkLeftBoxText{
	font-size:11px;
	float:left;
	padding:5px 0 0 4px; 
	float:left;
	color:#3c3c3c;
	width:235px;
	
}
.TopLinkLeftBoxRight{
	float:left;
	width:198px;
	height:38px;
	background: url(../images/TopLinkMiddleBG.png) left top repeat-x;
	border-top-left-radius: 9px;
}
.TopLinkLeftBoxRightStudent{
	float:left;
	width:198px;
	height:38px;
	background: url(../images/TopLinkMiddleBG.png) left top repeat-x;
		border-left: 1px solid #c5c4c4;
    	border-top-left-radius: 9px;
}
.TopLinkLeftBoxRightInner{
	float:right;
	width:Auto;
	height:38px;
	background: url(../images/TopLinkMiddleBG.png) left top repeat-x;
}
.TopLinkCronerWrapper {
	float: left;
	width: 177px;
	height: 27px;
	text-align: center;
	padding: 11px 0 0 10px;
	
}

.TopLinkCronerWrapperIndex {
	float: left;
	width: 177px;
	height: 27px;
	text-align: center;
	padding: 11px 0 0 10px;
}

.TopLinkCronerWrapperIndex a {
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

.TopLinkCronerWrapperIndex a:hover {
	color: #000;
	font-size: 11px;
	text-decoration: underline;
}

.TopLinkCronerWrapper a {
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

.TopLinkCronerWrapper a:hover {
	color: #000;
	font-size: 11px;
	text-decoration: underline;
}

.TopLinkCronerWrapperInner {
	float: left;
	width: Auto;
	height: 27px;
	padding: 11px 0 0 10px;
}

.TopLinkCronerWrapperInner a {
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

.TopLinkCronerWrapperInner a:hover {
	color: #000;
	font-size: 11px;
	text-decoration: underline;
}

.TopLinkCronerRight {
	float: left;
	width: 11px;
	height: 38px;
}
/*----Menu------*/
#MenuWrapper {
	width: 992px;
	background: #FFFFFF;
	clear: both;
}

#MainMenu {
	width: 938px;
	height: 37px;
	background: #FFFFFF;
	margin: 0 0px 0 23px;
	padding: 6px 0 0 19px;
	background: url(../images/MenuBg.png) left top no-repeat;
	
}

.MenuBox {
	float: left;
	width: Auto;
	height: 32px;
	position: relative;
}

.MyStudyWeb {
	float: left;
	width: 134px;
	height: 32px;
	padding-top: 3px;
}

.MyProfile {
	float: left;
	width: 92px;
	height: 32px;
	padding-top: 3px;
}

.Statistics {
	float: left;
	width: 85px;
	height: 32px;
	padding-top: 3px;
}

.ManageContents {
	float: left;
	width: auto;
	height: 32px;
	padding-top: 3px;
}

.ManageContent {
	float: left;
	width: 90x;
	height: 32px;
	padding-top: 3px;
}

.Parents-News {
	float: left;
	width: 69px;
	height: 32px;
	padding-top: 3px;
}

.AboutUs {
	float: left;
	width: 94px;
	height: 32px;
	padding-top: 3px;
}

.Om {
	float: left;
	width: 74px;
	height: 32px;
	padding-top: 3px;
}

.License, .MyStudent{
	float:left;
	padding-top:3px;
}

.Divider {
	float: left;
	width: 3px;
	height: 33px;
	margin-left: 6px;
	margin-right: 6px;
	background: url(../images/Divider.png) left top no-repeat;
}

.SearchArea {
	float: right;
	width: Auto;
	height: 30px;
	line-height: 30px;
	*display: block;
	overflow: hidden;
	zoom: 1;
	padding: 0 35px 0 0;
}
.SearchAreaStudent {
	float: left;
	width: Auto;
	height: 30px;
	line-height: 30px;
	*display: block;
	overflow: hidden;
	zoom: 1;
	padding: 0 2px 0 6px;
}
.SearchAreaInner {
	float: right;
	width: Auto;
	height: 30px;
	line-height: 30px;
	*display: block;
	overflow: hidden;
	zoom: 1;
	padding: 0 19px 0 0;
}

.SearchLeft {
	float: left;
	width: 9px;
	height: 29px;
}

.SearchRight {
	float: left;
	width: 25px;
	height: 29px;
}

.SearchMiddle {
	float: left;
	width: 119px;
	height: 30px;
}

.SearchMiddle1 {
	float: left;
	width: 95px;
	height: 30px;
}

.SearchTxtBoxStyle {
	background: url(../images/SearchMiddleBG.png) left top repeat-x;
	width: 119px;
	height: 29px;
	line-height: 20px;
	border: none;
	vertical-align: middle;
	color: #000000;
	font-size: 13px;
	outline: none;
	
}

.KPsBox {
	float: left;
	width: 270px;
	margin-left: 10px;
	
	padding: 0 0 0 0;
}

.KPsBox1 {
	float: left;
	width: 300px;
	margin-left: 10px;
	
	padding: 0 0 0 0;
}

.KPsText {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	margin-right: 10px;
	margin-left:10px;
	font-size: 13px;
	color: #000;
	width: auto;
	font-weight: bold;
}

.KPsText1 {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	margin-right: 10px;
	margin-left:10px;
	font-size: 13px;
	color: #000;
	width: auto;
	font-weight: bold;
}

.KPsText2 {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	margin-right: 10px;
	margin-left:-3px;
	font-size: 13px;
	color: #000;
	width: auto;
	font-weight: bold;
}

.KpsMeter {
	float: left;
	width: 152px;
	height: 25px;
	margin-left: 5px;
}

/*-------------------------- Main Content Area --------------------*/
#MainContentBox {
	width: 992px;
	overflow: hidden;
	
}

#MainContentBoxInner {
	float: left;
	width: 992px;
}

.TopBottomCorner {
	width: 992px;
	margin: 0 0 0px 0px;
	padding: 0 0 0 0px;
/* 	background: #cdcdcd url(../images/ContentBG.png) left top repeat-x; */
}

.MiddleContentArea {
	width: 992px;
	border-left: #aeaeae 1px solid;
	border-right: #aeaeae 1px solid;
	background: #cdcdcd url(../images/ContentBG.png) left top repeat-x;
	overflow: hidden;
	min-height: 520px;
}

.MiddleContentAreaInner {
	width: 945px;
	margin: 0 0 10px 23px;
}

.MiddleContentAreaInternal {
	float: left;
	width: 945px;
	padding: 0 0 0 0px;
}

/*--------- Left Panel ---------*/
.LeftPanel {
	float: left;
	width: 630px;
	padding: 0 26px 0 17px;
}

.LeftPanelInner {
	width: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0 26px 0 17px;
}

.LeftPanelInner .heading {
	background: url(../images/2D-geometry.png) left top no-repeat;
	height: 53px;
	margin: 15px 0 0 0;
	padding: 7px 0 7px 10px;
	font-size: 18px;
}

.LeftPanelInner .headingReport {
	background: url(../images/BlankBlueTab.png) left top no-repeat;
	height: 25px;
	margin: 15px 0 0 0;
	padding: 7px 0 7px 10px;
	font-size: 18px;
}

.heading2 {
	background: url(../images/2D-geometry.png) left top no-repeat;
	height: 45px;
	margin: 15px 0 0 0;
	padding: 7px 0 7px 10px;
	font-size: 18px;
	width: 950px;
}

.customheading2 {
	background: url(../images/2D-geometry.png) left top no-repeat;
	background-size: 100% 100%;
	margin: 15px 0 0 0;
	padding: 7px 0 7px 10px;
	font-size: 18px;
	box-sizing: initial;
    -webkit-box-sizing: initial;
    -moz-box-sizing: inherit;
	margin-bottom: 20px;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before,
.row:after{
  display: table;
  content: " ";
}

.row:after{
  clear: both;
}
.col-md-6 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .col-md-6{
    float: left;
  }
  .col-md-6{
	width: 50%;
  }
}
.customheadingNext {
	background: url(../images/2D-geometry.png) left top no-repeat;
	height: 23px;
	margin: 15px 0 0 0;
	padding: 7px 0 7px 10px;
	font-size: 18px;
	width: 450px;
}

.heading3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: linear-gradient(#D3F0FF, #A8DEFD) no-repeat !important;
	margin: 0px;
	padding: 7px 0 7px 10px;
	font-size: 18px;
	border-radius:10px;
	border:1px solid #94C8E5;
	width:270px;
}

.headingNews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/LatestNews.png) left top no-repeat;
	height: 23px;
	margin: 15px 0 0 0;
	padding: 7px 0 7px 10px;
	font-size: 18px;
	margin: 0px 0 10px 0;
	
}
.NewsHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/NewsHeader.png) left top no-repeat;
	height: 23px;
	padding: 7px 0 7px 10px;
	font-size: 18px;
	margin: 5px 0 10px 0;
	
}
.ToplistHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/NewsHeader.png) left top no-repeat;
	height: 23px;
	padding: 7px 0 7px 10px;
	font-size: 18px;
	margin: 0px 0 10px 10px;
	
}
.DiscountCode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/discountCode.png) center no-repeat;
	height: 23px;
	margin: 15px 0 0 0;
	padding: 7px ;
	font-size: 18px;
	margin: 0px 0 10px 0;
	text-align: center;
	
}
.homeNews {
	background: url(../images/homeNews.png) left top no-repeat;
	height: 23px;
	margin: 15px 0 0 0;
	padding: 7px 0 7px 10px;
	font-size: 18px;
	margin: 0px 0 10px 0;
	
}

.VideoTextBox {
	width: 100%;
	height: 285px;
	padding: 0 0px 0 0;
}

.FbButtonBox {
	padding-left: 270px;
	height: 50px;
}

.VideoBox {
	padding-top: 30px;
	float: left;
	width: 390px;
	height: 255px;
}

.DividerLine {
	width: 627px;
	height: 2px;
	margin-left: 4px;
	margin-bottom: 16px;
	background: url(../images/DividerLine.png) top left repeat-x;
	clear: left;
}

.TextArea {
	float: left;
	width: 230px;
	padding: 12px 0 0 10px;
}

.LikeBoxArea {
	width: 230px;
	padding-left: 20px;
	
}
.fbFind {
	width: 97px;
	padding-left: 16px;
	padding-bottom: 2px;
	padding-top: 10px;
}

.LikeBox {
	float: right;
	width: auto;
	padding-top: 10px;
}

.LikeBox2 {
	float: right;
	margin-right: 15px;
}

.LikeBoxText {
	float: right;
	padding-top: 5px;
	margin-right: 15px;
}

.InfoArea {
	width: 241px;
	padding: 10px 0 2px 2px;
	clear: right;
	
}

.InfoArea h1 {
	font-size: 20px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	padding: 0 0 0 6px;
	margin: 0px;
}

.InfoArea p {
	padding-top: 5px;
	font-size: 13px;
	color: #000;
	padding-left: 6px;
	line-height: 20px;
}

.SubjectTab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 629px;
	margin-left: 0px;
	margin-bottom: 7px;
	background: url(../images/subjectTab.png) left top no-repeat;
	padding: 2px 10px;
	line-height: 37px;
	color: #000;
	font-size: 18px;
/* 	font-weight: bold; */
}

.SubjectHeader {
	width: 612px;
	height: 100px;
	font-size: 22px;
	margin-left: 2px;
	padding: 8px 0 0px 17px;
	background: url(../images/SubjectHeader.png) left top no-repeat;
}
.SubjectHeader2 {
	width: 612px;
	height: 64px;
	font-size: 22px;
	margin-left: 2px;
	padding: 7px 0 0 17px;
	
}

.SubjectHeader span {
	color: #545454;
	font-style: italic;
	font-size: 13px;
	font-weight: bold;
	line-height: 35px;
	padding: 0 0 0 17px;
}

.SubjectHeader a {
	color: #0466b9;
	text-decoration: none;
	padding-right: 60px;
}

.SubjectHeader a:hover {
	color: #0466b9;
	text-decoration: underline;
}

.SubjectArrowStyle {
	margin-right: 8px;
}

.SubjectInfoBox {
	float: left;
	width: 390px;
	font-size: 14px;
	margin: 6px 0 3px 10px;
	padding: 15px 0 0 0;
	
	
}

.SubjectInfoBoxHome {
	float: left;
	width: 530px;
	font-size: 14px;
	margin: 6px 0 3px 10px;
	padding: 15px 0 0 0;
	
}

.ClickHere {
	float: right;
	text-align: center;
	margin: 0px 10 0px 0px;
	cursor:pointer;
	outline: none; 
}


.registerNow {
	background: url(../images/ClickHereBg.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	width: 157px;
	height: 53px;
	padding: 8px 5px 0 0px;
	outline: none;
}

.ClickHere8 a {
	background: url(../images/ClickHereBg8.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 80px;
	height: 22px;
	vertical-align: middle;
	padding: 5px;
	outline: none;
}

.ClickHere9 a {
	background: url(../images/2D-geometryCopy1.png) left top no-repeat;
	display: block;
	font-size: 18px;
	color: black;
	text-decoration: none;
	width: 240px;
	height: 37px;
	vertical-align: middle;
	padding: 5px;
	outline: none;
}

.ClickHere10 a {
	background: url(../images/ClickHereBg10.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 120px;
	height: 30px;
	vertical-align: middle;
	padding-top: 5px;
	outline: none;
}

.SendMail a {
	background: url(../images/sendmail.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 98px;
	height: 22px;
	vertical-align: middle;
	text-align:center;
	padding: 5px;
	padding-left:0px;
	outline: none;
}

.ClickHere6 a {
	background: url(../images/ClickHereBg6.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 58px;
	height: 22px;
	vertical-align: middle;
	padding: 5px;
	padding-left: 3px;
	outline: none;
}
.ClickHere12 a {
	background: url(../images/ClickHereBg12.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 150px;
	height: 25px;
	padding: 6px 0px 0 7px;
	outline: none;
}
.ClickHere122 a {
	background: url(../images/ClickHereBg12.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 130px;
	height: 25px;
	padding: 6px 0px 0 7px;
	outline: none;
}
.ClickHere14 a {
	background: url(../images/ClickHereBg14.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 160px;
	height: 25px;
	padding: 5px 5px 0 5px;
	outline: none;
}


.ClickHere16 a {
	background: url(../images/ClickHereBg16.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 170px;
	height: 22px;
	padding: 6px 0px 0 7px;
	outline: none;
	text-align: l
}

.backtovideo a {
	background: url(../images/backtovideo.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 172px;
	height: 33px;
	padding: 8px 0px 0 10px;
	outline: none;
}

.advancedExercise a {
	background: url(../images/advancedexercise.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
    text-decoration: none;
	width: 181px;
	height: 33px;
	padding: 8px 0px 0 5px;
	outline: none;
}

.basicExercise a {
	background: url(../images/nextexercise.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 210px;
	height: 33px;
	padding: 8px 0px 0px 0px;
	outline: none;
}

.jumptoexercise a {
	background: url(../images/advancedexercise.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 181px;
	height: 32px;
	padding: 8px 0px 0 12px;
	outline: none;
}

.tryexerciseagain a {
	background: url(../images/tryexerciseagain.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 160px;
	height: 26px;
	padding: 8px 0px 0 0px;
	outline: none;
}

.nextQuestion  {
	background: url(../images/nextquestion.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	margin-top:2px;
	text-decoration: none;
	width: 145px;
	height: 32px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;
   	padding:0 0 8px 15px;
   	cursor:pointer;
   	outline:none;	
}

.finishExercise  {
	background: url(../images/finish.png) left top no-repeat;
	color: #FFF;
	display: block;
	margin-top:2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	text-decoration: none;
	width: 105px;
	height: 32px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;
   	padding:0px 20px 8px 0px;
   	cursor:pointer;
   	outline:none;
   	text-align: center;
	
}

.answerFormat a {
	background: url(../images/answerformat.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 138px;
	height: 24px;
	padding: 6px 0px 0px 0px;
	outline: none;
	text-align: center;
}

.checkanswer {
	background: url(../images/checkanswer.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
	width: 123px;
	height: 33px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;
   	padding:0 0 8px 0px;
   	margin-top:3px;
   	cursor:pointer;
   	outline:none;
	
}

button::-moz-focus-inner {
  border: 0;
}

.ClickHere4 a {
	background: url(../images/ClickHereBg4.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 56px;
	height: 22px;
	padding: 6px 0px 0 7px;
	outline: none;
}

.ClickHere4 a:focus {
	color: #FFF;
	text-decoration: none;
}

.ClickHere4  a:hover {
    color: #23527c;
    text-decoration: underline;
}


.ClickHere10  {
	background: url(../images/ClickHereBg10.png) left top no-repeat;
	color: #FFF;
	text-align: center;
	font-size:11px;
   	font-family:Verdana,sans-serif;
	font-weight: bold;
	
	width: 120px;
	height: 30px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;
	
	padding-bottom: 3px;
	cursor:pointer;
	outline: none;
}

.ClickHere8  {
	background: url(../images/ClickHereBg8.png) left top no-repeat;
	color: #FFF;
	text-align: center;
	font-size:11px;
   	font-family:Verdana,sans-serif;
	font-weight: bold;
	
	width: 88px;
	height: 30px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;
	
	padding-bottom: 3px;
	cursor:pointer;
	outline: none;
}

.ClickHere14  {
	background: url(../images/ClickHereBg14.png) left top no-repeat;
	color: #FFF;
	text-align: center;
	font-size:11px;
   	font-family:Verdana,sans-serif;
	font-weight: bold;
	
	width: 168px;
	height: 30px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;
	
	padding-bottom: 3px;
	cursor:pointer;
	outline: none;
}

.ClickHere16  {
	background: url(../images/ClickHereBg16.png) left top no-repeat;
	color: #FFF;
	text-align: center;
	font-size:11px;
   	font-family:Verdana,sans-serif;
	font-weight: bold;
	width: 192px;
	height: 30px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;
	padding-bottom: 3px;
	cursor:pointer;
	outline: none;
}


.ClickHere2  {
	background: url(../images/ClickHereBg2.png) left top no-repeat;
	color: #FFF;
	text-align: center;
	font-size:11px;
   	font-family:Verdana,sans-serif;
	font-weight: bold;
	
	width: 33px;
	height: 30px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;
   	padding-bottom: 5px;
	cursor:pointer;
	outline: none;
}

.ClickHere6  {
	background: url(../images/ClickHereBg6.png) left top no-repeat;
	color: #FFF;
	text-align: center;
	font-size:11px;
   	font-family:Verdana,sans-serif;
	font-weight: bold;
	
	width: 68px;
	height: 30px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;
   	padding-bottom: 5px;
	cursor:pointer;
	outline: none;
}
.ClickHere4  {
	background: url(../images/ClickHereBg4.png) left top no-repeat;
	color: #FFF;
	text-align: center;
	font-size:11px;
   	font-family:Verdana,sans-serif;
	font-weight: bold;
	
	width: 55px;
	height: 30px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;
   	padding-bottom: 5px;
	cursor:pointer;
	outline: none;
}

.ClickHere a {
	background: url(../images/ClickHereBg.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	width: 157px;
	height: 53px;
	padding: 8px 5px 0 0px;
	outline: none;
}
.Button18Chars  {
	background: url(../images/button18chars.png) left top no-repeat;
	color: #FFF;
	text-align: center;
	font-size:11px;
   	font-family:Verdana,sans-serif;
	font-weight: bold;
	
	width: 256px;
	height: 30px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;
	
	padding-bottom: 3px;
	cursor:pointer;
	outline: none;
}
.Button25Chars a { 
	background: url(../images/button25chars.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	width: 251px;
	height: 53px;
	padding: 4px 5px 3px 0px;
	outline: none;
	text-align: center;
	
}

/*-------------------- Right Panel -----------------*/
#RightPanel {
	float: right;
	width: 304px;
	margin-right: 11px;
	background: url(../images/PanelDivider.png) left top no-repeat;
}

#RightPanelInner {
	float: right;
	width: 304px;
	margin-right: 11px;
}

.RightPanleWrapper {
	width: 303px;
	margin-left: 1px;
	height: 495px;
	padding:0px;
	margin-bottom:0px;
	background: #dedede url(../images/RightPanelBg.png) left top repeat-x;
}

.RightPanleWrapper2 {
	padding: 0px 9px 0 5px;
	margin: 0px 0 0 0px;
	width: 280px;
	margin-left: 1px;
	min-height: 250px;
	background: #dedede url(../images/RightPanelBg.png) left top repeat-x;
	background-color: lightgray;
}
.RightPanleWrapper3 {
	padding: 2px 2px 0 2px;
	margin: 0px 0 0 0px;
	width: 304px;
	margin-left: 1px;
	height: auto;
	
	background-color: #EDEDED;
}
.TeacherProfileTab {
	margin: 0px 0 0px 16px;
}
.TeacherProfileTab2 {
	margin: 0px 0 0px 16px;
	background: url(../images/teacherHeading2.png) left top no-repeat;
	width: 300px;
	height: 29px;
	padding-top: 8px;
	font-size: 16px;
	font-family:Verdana,sans-serif;
   	font-weight:bold;
}
.ImageSliderArea {
	float: left;
	margin-bottom: 10px;
}

.NewsTab {
	margin: 0px 0px 0px 16px;
	width: 280px;
  	height: 270px;
}

.NewsSliderArea {
	
}

.StudentWeek {
	width: 270px;
	padding: 8px 0 8px 5px;
	height: 240px;
}

.StudentWeek .heading {
	padding: 0 15px 20px 0;
	line-height: 18px;
}

.StudentWeek table tr {
	
}

.StudentWeek table td {
	height: 26px;
	line-height: 26px;
}

.AchieverCorners {
	width: 270px;
	height: 10px;
}

.SubHeaderAchiever {
	width: 243px;
	height: 29px;
	font-size: 13px;
	padding: 0px 0 0 25px;
	font-weight: bold;
	border-left: #d4d4d4 1px solid;
	border-right: #d4d4d4 1px solid;
	background: #FFFFFF;
}

.SubHeaderAchiever-2 {
	width: 243px;
	height: 26px;
	font-size: 13px;
	padding: 10px 0 0 25px;
	font-weight: bold;
	border-left: #d4d4d4 1px solid;
	border-right: #d4d4d4 1px solid;
	background: #FFFFFF;
}

.TopAchieverMiddle {
	width: 270px;
}

.AchieverGridBox {
	width: 268px;
	color: #FFF;
	border-left: #d4d4d4 1px solid;
	border-right: #d4d4d4 1px solid;
}

.AchieverGridBox table {
	padding: 0px;
	margin: 0px;
}

.AchieverGridBox td {
	height: 26px;
	color: #070707;
	line-height: 26px;
	padding-left: 6px;
	border-left: #fff 1px solid;
}

.AlterColor-1 {
	background: #e5e5e5;
}

.AlterColor-2 {
	background: #efefef;
}

/*-------------- Form Styling ------------*/
.MiddleContentAreaInternal {
	border: #aeaeae 1px solid;
	margin-left: 23px;
}

.MiddleContentAreaInternal td {
	height: 40px;
	font-size: 13px;
	padding-left: 25px;
}


.MiddleContentAreaInternal h2 {
	font-size: 20px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0 0px 0;
}

.TextFieldArea {
	width: 220px;
	height: 22px;
	line-height: 25px;
}

.TextFieldAreaSmall {
	margin-right: 5px;
	width: 150px;
	height: 22px;
	line-height: 25px;
}

.DropDownStyle {
	width: 222px;
	height: 22px;
	line-height: 25px;
}

.DropDownStyleSmall {
	width: 177px;
	height: 22px;
	line-height: 25px;
}

.CheckBoxStyle {
	border: #999999 1px solid;
}

.Link a {
	color: #0466b9;
	text-decoration: underline;
}

.Link a:hover {
	color: # #0466b9;
	text-decoration: none;
}

.ButtonStyle {
	vertical-align: middle;
	margin-right: 10px;
}

.FBConnectButtonStyle {
	vertical-align: middle;
	margin-left: 10px;
}

.RedStar {
	color: #FF0000;
}

/*--------- Left Panel Exercise---------*/
.LeftPanelExercise {
	float: left;
	width: 540px;
	min-height: 380px;
	padding: 0 26px 0 17px;
}

#RightPanelExerise {
	float: right;
	width: 390px;
	margin-right: 11px;
	
}


.RightPanelWrapperExercise {
	width: 389px;
	margin-left: 1px;
	margin-top: 5px;
	min-height: 270px;
	padding:0px;
	margin-bottom:0px;
	
}

/*----------------- Inner Page Style ----------------*/
.Breadcrumb {
	color: #000000;
	font-size: 15px;
}

.Breadcrumb a {
	color: #000000;
	text-decoration: none;
}

.Breadcrumb a:hover {
	text-decoration: underline;
}

.Breadcrumb span {
	color: #438ece;
	font-size: 15px;
}

.ListingCategory {
	width: 630px;
	margin: 10px 0 0 20px;
}

.ListingCategory_tutorial {
	width: 100%;
}

.ListingCategory_tutorial p {
	line-height: 18px;
}

.ListingCategory td {
	height: 25px;
}

.ListingCategory h2 {
	font-size: 16px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0 0px 0;
}

.ListingCategory ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.ListingCategory li {
	list-style: none;
	padding: 10px 8px 8px 20px;
	background: url(../images/SubjectArrow.png) left 12px no-repeat;
	font-size: 14px;
}

.ListingCategory li.lock {
	list-style: none;
	padding: 10px 8px 8px 20px;
	background: url(../images/Iconlock.png) left 9px no-repeat;
}
.ArrowImg {
	list-style: none;
	padding: 0px 8px 8px 20px;
	background: url(../images/SubjectArrow.png) left 4px no-repeat;
	font-size: 14px;
}

.ListingCategory li.nobackground {
	list-style: none;
	padding: 10px 8px 8px 20px;
	background: none;
}

.ListingCategory li.lock a {
	color: #7f7f7f;
	text-decoration: none;
}

.ListingCategory li.lock a:hover {
	color: #7f7f7f;
	text-decoration: underline;
}

.ListingCategory li a {
	color: #0466b9;
	text-decoration: underline;
}

.ListingCategory li a:hover {
	color: #0466b9;
	text-decoration: none;
}

.GraphBox {
	float: left;
	width: 271px;
	margin-left: 16px;
}

.CalenderStyle {
	vertical-align: bottom;
}

.CommonButtonBox {
	float: left;
	width: auto;
	height: 28px;
}

.CommonButtonCorner {
	float: left;
	width: 4px;
	height: 28px;
}

.CommonButtonMiddle {
	float: left;
	width: auto;
	height: 22px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 13px 0 13px;
	background: url(../images/CommonButtonMiddleBg.png) left top repeat-x;
}

.CommonButtonMiddle a {
	color: #FFFFFF;
	text-decoration: none;
}

.CommonButtonMiddle a:hover {
	color: #e9eaea;
	text-decoration: none;
}


.CommonButtonMiddleImportScr {
	float: left;
	width: auto;
	height: 28px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 13px 0 13px;
	background: url(../images/CommonButtonMiddleBg.png) left top repeat-x;
}

.CommonButtonMiddleImportScr a {
	color: #FFFFFF;
	text-decoration: none;
}

.CommonButtonMiddleImportScr a:hover {
	color: #e9eaea;
	text-decoration: none;
}

/*CSS VISHAL- 28-OCT-2011 */
.quest {
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	margin: 0 0 10px 0px;
}

.quest span {
	display: block;
	padding: 3px 0 0 0;
	float: left;
}

.quest img {
	padding: 0 0 0 10px;
	clear: left;
}

.sprite_score {
	
}

.sprite_score_number {
	color:#000; border-bottom:#000000 1px solid;
}

.score span{
	height: 20px;
	margin: 5px 0 0 0;
	 
}

.score span {
	display: block;
	text-align: center;
	width: 35px;
	color: #000;
	float: left;
	font-weight: bold;
}

.number {
	height: 24px;
	margin: 5px 0 0 0;
}

.number span {
	display: block;
	text-align: center;
	width: 35px;
	color: #000;
	text-decoration: underline;
	float: left;
	line-height: 29px;
	font-weight: bold;
}

.white {
	color: #fff;
	border: 20px;
}

.answer_caption {
	padding: 5px;
	font-weight: bold;
	outline: none;
}

.disabled_caption {
	font-size: 12px;
	padding: 5px;
}

.input_box {
	width: 259px;
	background: url(../images/input-box.png) left top no-repeat;
	text-align: center;
	height: 30px;
}


.input_box input {
	width: 254px;
	border: 0;
	margin: 2px 3px;
	display: block;
	height: 26px;
	outline: none;
}

.input_disabled {
	width: 310px;
	background: url(../images/input-disabled.png) left top no-repeat;
	height: 26px;
	line-height: 30px;
	padding: 1px 5px 3px 5px;
	color: #616161;
	font-weight: bold;
	font-size: 13px;
}

.input_disabled input {
	width: 306px;
	border: 0;
	margin: 2px 3px;
	display: block;
	height: 29px;
}

.teacher_desc {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	width: 400px;
}

.teacher_desc a {
	color: #5183b5;
	text-decoration: none;
}

.teacher_desc a:hover {
	color: #5183b5;
	text-decoration: underline;
}

.score_sprite {
	background: url(../images/for-score.png) left top no-repeat;
}

.for_score {
	height: 25px;
	width: 425px;
	margin: 100px 0 0 20px;
}

.for_score span {
	display: block;
	text-align: center;
	text-decoration: underline;
	width: 35px;
	color: #000;
	float: left;
	line-height: 25px;
	font-weight: bold;
}

.for_index {
	height: 29px;
	margin: 5px 0 0 0;
	width: 425px;
	margin: 0 0 0 20px;
}

.for_index span {
	display: block;
	text-align: center;
	width: 35px;
	color: #fff;
	float: left;
	line-height: 29px;
	font-weight: bold;
}

.caption_score {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	padding: 0 15px 0 0;
}

.outOf {
	color: #000;
	font-size: 12px;
	padding: 0 15px 0 0;
}

.remarks {
	color: #ff0000;
	font-size: 12px;
	padding: 0 15px 0 0;
}

.tryAgain {
	color: #376092;
}

.tryAgain a {
	color: #376092;
	text-decoration: underline;
}

.tryAgain a:hover {
	text-decoration: none;
}
/*Vishal Css ends here */

/*Sudipto Css 28-10-2011 starts here*/
/*popup css start*/
.outer_opacity {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 2999;
	background: url(../images/PopupBG.png) left top repeat;
}

.PopupWindow {
	position: relative;
	z-index: 9999;
	width: 980px;
	margin: 0px auto;
}

.PopupCommonChangePwd {
	position: fixed;
	top: 18%;
	z-index: 9999;
	left: 0%;
	margin: 0px auto;
	width: 100%;
}

.popupChangePwdBody
{
	display: flex;
	justify-content: center;
}

.PopupCommon2 {
	position: fixed;
	top: 18%;
	z-index: 9999;
	left: 19%;
	margin: 0px auto;
	width: 793px;
}

.PopupHeading {
	font-size: 16px;
	color: #282828;
	text-align: left;
	background: url(../images/PopupCornerTop_Dark.png) left top no-repeat;
	padding: 0px;
	font-weight: bold
}

.popupBody {
	background-color: none;
	
}
.popupBody1 {
	border: 2px;
	border-color: 385D8A;
	
}

.popupBody_inn {
	padding: 0px;
}

.titleStyle{
		color:#1689c5;
		font-size:18px;
		font-weight:bold;
		padding-top:16px;
		padding-left:18px;
		font-family:Arial, Helvetica, sans-serif;
	}

.formArea {
	float: left;
	width: 793px;
	background: url(../images/PopupMiddleBg_Dark.png) left top repeat-y;
}

.formStyle {
	color: #666666;
	font-size: 12px;
	color: #000000;
}

.formStyle td {
	height: 25px;
}

.formFed {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

.txtboxStyle {
	border: #dfdfdf 1px solid;
	height: 23px;
	width: 119px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.DropDownStyle {
	border: #dfdfdf 1px solid;
	height: 23px;
	width: 136px;
	font-size: 12px;
	font-weight: bold;
}

.txtboxStyleBig {
	width: 405px;
	height: 145px;
	font-size: 12px;
	color: #000000;
	margin: 5px 0 5px 0;
	font-weight: bold;
	border: #dfdfdf 1px solid;
}

.buttonPadding {
	margin-right: 6px;
}

.CommonTextBoxStyle {
	float: left;
	width: auto;
	height: 30px;
}

.CommonTextBoxCorner {
	float: left;
	width: 4px;
	height: 30px;
}

.CommonTextBoxMiddle {
	float: left;
	width: auto;
	height: 30px;
	background: url(../images/InputBoxRightMiddleBg.png) left top repeat-x;
	outline: none;
}

.CommonTextBoxMiddleWhite {
	float: left;
	width: auto;
	height: 30px;
	background: url(../images/InputBoxRightMiddleBgWhite.png) left top repeat-x;
	outline: none;
}


.datepicker {
	float: left;
	right:5px;
	width: 80px;
	height: 30px;
	
}

.CommonInputBoxStyling {
	background: none;
	border: none;
	padding: 4px 0 0 0;
	margin: 3px 0 0 3px;
	outline: none;
}

/*------------------------------ 28-10-2011 ---------------------------*/
.BlankTabStyle {
	float: left;
	width: 722px;
	height: 27px;
	font-size: 13px;
	font-weight: bold;
	padding: 12px 0 0 9px;
	margin: 12px 0 0 30px;
	background: url(../images/BlankBlueTab.png) left top no-repeat;
}

.BlankTabStyle2 {
	
	padding: 8px 0 0 9px;
	width: 300px;
	height: 30px;
	font-size: 13px;
	font-weight: bold;
	
	background: url(../images/HwGotIdeabg.png) left top no-repeat;
}

.PopupImgBg {
	width: 166px;
	height: 144px;
	padding: 10px;
	margin: 0 0 0 0;
	background: url(../images/PopupImgBg.png) left top no-repeat;
}

.BlueText{
	color:#5183b5;
}
.BlueText1 {
	font-weight:bold;
	color: #743df8;
	padding-left: 30px;
	margin: 12px 0 0 0px;
	width: 700px;
	outline: none;
}
.BlackText1{
	
	padding: 0px 0 10px 30px;
	margin: 12px 0 0 30px;
	width: 700px;
}

.BlackText1 p{
	padding-top: 10px;
}

/*end popup css*/

/*-----------DropDown Menu Start----------*/
.DropDownNavOutter {
	position: relative;
	z-index: 9999;
}

.DropDownNavInner {
	position: absolute;
	background: #c3c3c3;
	width: 158px;
	left: 290px;
	top: 118px;
}

.DropDownNavInner ul,.DropDownNavInnerAdmin ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.DropDownNavInner li,.DropDownNavInnerAdmin li {
	list-style: none;
	font-size: 11px;
	text-align: center;
	padding: 6px 6px 6px 6px;
	border-bottom: #c3c3c3 1px solid;
}

.DropDownNavInner li a  ,.DropDownNavInnerAdmin li a{
	color: #3e3e3e;
	padding: 6px;
	display: block;
	text-decoration: none;
}

.DropDownNavInner li a:hover,.DropDownNavInnerAdmin li a:hover {
	color: #3e3e3e;
	background: #e7e9e9;
	font-weight: bold;
	text-decoration: none;
}
.DropDownNavInner.userLeft{
	left:150px;
	top: 35px;
}

.BroderBottom {
	border-bottom: none;
}

.CornerStyle {
	float: left;
	width: 158px;
	height: 7px;
}

.SubMenuWrapper {
	float: left;
	width: 158px;
	background: url(../images/SubMenuMiddleBg.png) left top repeat-y;
}
/*-----------DropDown Menu End----------*/
.LastLogin {
	font-size: 11px;
	margin-top: 4px;
	margin-right: 19px;
}

.DateTxtBoxBg {
	float: left;
	width: 90px;
	height: 28px;
	background: url(../images/DateTextBoxBg.png) left top no-repeat;
}

.txtAreaBox {
	outline: none;
	width: 600px;

}
	
.TxtBoxBg {
	float: left;
	width: 222px;
	height: 30px;
	background: url(../images/input-box2.png) left top no-repeat;
}

.TxtBoxBgNews {
	float: left;
	width: 405px;
	height: 30px;
	background: url(../images/input-box5.png) left top no-repeat;
}

.TxtBoxBgVideoUrl {
	float: left;
	width: 405px;
	height: 30px;
	background: url(../images/input-box5.png) left top no-repeat;
}

.TextBoxStyling {
	background: none;
	border: none;
	width: 84px;
	padding: 2px 0 0 0;
	margin: 3px 0 0 3px;
}

.DropDownBg {
	float: left;
	width: 222px;
	height: 30px;
	background: #cdcdcd left top no-repeat;
}

.DateDropDownBg {
	float: left;
	width: 107px;
	height: 30px;
	background: url(../images/DateDropDown.png) left top no-repeat;
}

.DateDropDownBg2 {
	float: left;
	width: 107px;
	height: 30px;
	margin-left: 9px;
	background: url(../images/DateDropDown.png) left top no-repeat;
}

.TextBoxStylingBig {
	background: none;
	border: none;
	width: 215px;
	padding: 2px 0 0 0;
	margin: 3px 0 0 3px;
	outline: none;
}
.TextBoxStylingBigNew {
	border: none;
	padding: 2px 0 0 0;
	margin: 3px 0 0 3px;
	outline: none;
}
.TextBoxStylingBigNews {
	background: none;
	border: none;
	width: 400px;
	padding: 2px 0 0 0;
	margin: 3px 0 0 3px;
	outline: none;
}
.TextBoxStylingBigVideoUrl {
	background: none;
	border: none;
	width: 398px;
	padding: 2px 0 0 0;
	margin: 3px 0 0 3px;
	outline: none;
}


.ChartBgBox {
	float: left;
	width: 946px;
	height: 333px;
	margin-top: 16px;
	background: url(../images/ChartBg.png) left top no-repeat;
}

.ChartBox1 {
	float: left;
	border-right: #dddcdd 1px solid;
	padding: 0px 45px 0 29px;
	margin: 28px 31px 0 0;
}

.ChartBox2 {
	float: left;
	margin: 28px 0px 0 0;
}
/*-------------- Form Styling ------------*/
.MiddleContentAreaInternal {
	border: #aeaeae 1px solid;
	margin-left: 23px;
	font-weight: normal;
}

.MiddleContentAreaInternal td {
	height: 40px;
	font-size: 13px;
	padding-left: 25px;
}
.MiddleContentAreaInternalNew {
	border-top: #aeaeae 1px solid;
	border-right: #aeaeae 1px solid;
	border-bottom: #aeaeae 1px solid;
	font-weight: normal;
}
.MiddleContentAreaForm {
	font-weight: normal;
	width: 992px;
	border-left: #aeaeae 1px solid;
	border-right: #aeaeae 1px solid;
	background: #cdcdcd url(../images/ContentBG.png) left top repeat-x;
	overflow: hidden;
	background: #cdcdcd url(../images/ContentBG.png) left top repeat-x;
	min-height: 550px;
}

.MiddleContentAreaForm td {
	height: 40px;
	font-size: 13px;
	padding-left: 30px;
}



.MiddleContentAreaInternal h2 {
	font-size: 20px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0 0px 0;
}

.TextFieldArea {
	width: 220px;
	height: 22px;
	line-height: 25px;
}

.TextFieldAreaSmall {
	margin-right: 5px;
	width: 150px;
	height: 22px;
	line-height: 25px;
}

.DropDownStyle {
	width: 222px;
	height: 22px;
	line-height: 25px;
}

.DropDownStyleSmall {
	width: 177px;
	height: 22px;
	line-height: 25px;
}

.CheckBoxStyle {
	border: #999999 1px solid;
}

.Link a {
	color: #0466b9;
	text-decoration: underline;
}

.Link a:hover {
	color: # #0466b9;
	text-decoration: none;
}

.ButtonStyle {
	vertical-align: middle;
	margin-right: 10px;
}

.FBConnectButtonStyle {
	vertical-align: middle;
	margin-left: 10px;
}

.RedStar {
	color: #FF0000;
}
/*Sudipto Css 28-10-2011 ends here*/

/*Sudipto Css 31-10-2011 Start here*/
.BreadcrumbWrapper {
	width: 600px;
}

.BasicWrapper {
	width: 300px;
	float: right;
	margin-top: -18px;
	text-align: right;
}

.ImgGap {
	margin-right: 10px;
}

.ImgBorderInner {
	border: #999 1px solid;
}
/*Sudipto Css 28-10-2011 ends here*/

/*Vishal CSS 31-10-2011 Starts here */
.news {
	width: 288px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-color: none;
	min-height: 120px;
	max-height: 155px;
}

.news_wrapper {
	margin: 0px;
	padding: 0px;
	width: 270px;
	height: 144px;
	position: relative;
}

.news_content {
	margin: 0px;
	padding: 0px;
	width: 265px;
	height: 100%;
	position: relative;
}

.news_content span {
	color: #743df8;
	font-size: 14px;
	line-height: 18px;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	margin: 0 0 0 2px;
	font-weight: bold;
}

.news_content p {
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 19px;
	color: #000;
	margin: 0 0 0 20px;
}

.news_content a {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.news_content a:hover {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}

.news_content embed {
	display: none;
}

.news_content .img_cont {
	float: left;
	margin: 0px 25px 0px 0px;
	padding: 0px;
}

.controls_wrapper {
	width: auto;
	height: 15px;
	position: absolute;
	background: none;
	padding: 4px;
	top: 90px;
	left: 20px;
}

.controls {
	width: auto;
	right: 10px;
	height: 15px;
	position: absolute;
	bottom: 10px;
}

.controls a {
	width: 15px;
	height: 15px;
	margin-right: 2px;
	float: left;
	display: block;
	background: url("../images/control.png") no-repeat;
}

.controls a.activeSlide {
	background: url("../images/control-hover.png") no-repeat;
}
/*Vishal CSS 31-10-2011 Ends here */
.BottomBorder {
	border-bottom: #999999 1px solid;
}

.topBorder {
	border-top: #999999 1px solid;
}

.MsgBox {
	float: left;
	width: 120px;
	font-size: 10px;
	padding: 2px 0 0 10px;
}

.Cvv {
	float: left;
	padding: 5px 0 0 0px;
}

.Cvv2 {
	float: left;
	padding: 5px 0 0 5px;
}

.rowEven_true {
	background-color: lightgray;
}

.rowEven_false {
	background-color: white;
}

/*-------------------------------------------------- Combo Box Style --------------------------------------*/
.desc {
	color: #6b6b6b;
}

.desc a {
	color: #0092dd;
}

.dropdown dd,.dropdown dt,.dropdown ul {
	margin: 0px;
	padding: 0px;
}

.dropdown dd {
	position: relative;
}

.dropdown a,.dropdown a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.dropdown a:hover {
	color: #000;
}

.dropdown dt a:hover {
	color: #000;
}

.dropdown dt a {
	background: url(../images/DropDownImg.png) left top no-repeat;
	display: block;
	height: 30px;
	padding-right: 20px;
	width: 202px;
}

.dropdown dt a span {
	cursor: pointer;
	display: block;
	padding: 5px;
}

.dropdown dd ul {
	background: #fff none repeat scroll 0 0;
	color: #000;
	display: none;
	left: 0px;
	padding: 5px 0px;
	position: absolute;
	top: 2px;
	width: auto;
	width: 218px;
	list-style: none;
}

.dropdown span.value {
	display: none;
}

.dropdown dd ul li a {
	padding: 5px;
	display: block;
}

.dropdown dd ul li a:hover {
	background-color: #e7e9e9;
}

.dropdown img.flag {
	border: none;
	vertical-align: middle;
	margin-left: 10px;
}

.flagvisibility {
	display: none;
}
/*-------------------------------------------------- Combo Box Style --------------------------------------*/
.ListBoxWrapper {
	float: left;
	width: auto;
	height: 30px;
}

.ListBoxCorner {
	float: left;
	width: 4px;
	height: 30px;
}

.inputBoxCombo {
	background: url(../images/ListBoxRightCorner.png) right 0px no-repeat;
	position: relative;
	float: left;
	height: 30px;
} /*FLOAT LEFT HAVE TO GIVEN BECAUSE OF LEFT LABEL*/
.inputBoxCombo>div {
	background: url(../images/inputBlkLeft.png) 0px 0px no-repeat;
	height: 18px;
	margin-right: 15px;
	padding: 2px 5px 2px 5px;
}

.inputBoxCombo>div input {
	background: none;
	border: 0;
	font-size: 11px;
	margin-top: 1px;
}

.inputBoxComboCal {
	background: url(../images/calendar.png) right 0px no-repeat;
	position: relative;
	float: left;
} /*FLOAT LEFT HAVE TO GIVEN BECAUSE OF LEFT LABEL*/
.inputBoxComboCal>div {
	background: url(../images/inputBlkLeft.png) 0px 0px no-repeat;
	height: 18px;
	margin-right: 22px;
	padding: 2px 5px 2px 5px;
}

.inputBoxComboCal>div input {
	background: none;
	border: 0;
	font-size: 11px;
	margin-top: 1px;
}

.inputBoxComboCal:hover {
	background: url(../images/calendarHover.png) right 0px no-repeat;
}

/* CSS START FOR DROPDOWN */
.dropdown {
	background: #FFFFFF;
	position: absolute;
	z-index: 10000;
	right: 0;
	top: 30px;
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #c2c2c2;
	box-shadow: 0px 0px 8px #868686;
	display: none;
}

.dropdown>div {
	float: left;
	min-height: 30px;
	height: auto !important;
	height: 160px;
	margin: 0;
	padding: 10px 20px 10px 10px;
	border: 1px solid #f6f6f7;
	color: #000;
	font-size: 11px;
}

.dropdown>div ul.drpdwnList {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dropdown>div ul.drpdwnList li {
	margin: 0 0 4px 0px;
	padding: 3px 0 3px 0px;
	font-family: Verdana, Geneva, sans-serif;
	list-style: none;
	background: none;
	width: 100%;
	white-space: nowrap;
}

.dropdown>div ul.drpdwnList li.selected {
	margin: 0 0 4px 0px;
	padding: 0 0 0 0px;
	list-style: none;
	0
	px
	0px
	no-repeat;
}

.dropdown>div ul.drpdwnList li a {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	background: none;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

.dropdown>div ul.drpdwnList li a:hover {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	background: none;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

.dropdown>div ul.drpdwnList li.selected a {
	color: #000;
}
/* CSS END FOR DROPDOWN */
.paging-label {
	color: #3c3c3c;
	text-decoration: underline;
	cursor: pointer
}
.error-msg {
	font-size:10px;
	color:red;
	}

	
.configuration {
	float: left;
	width: 90x;
	height: 32px;
	padding-top: 3px;
}

.DropDownNavInnerAdmin {
	position: absolute;
	background: none;
	width: 158px;
	left: 290px;
	top: 33px;
}


.StatisticsAdmin {
	float: left;
	width: 110px;
	height: 32px;
	padding-top: 3px;
}
	
.toolTip {
position:absolute;
left:26px; /*Moves it to the right beside the question mark*/
top:0;
display:none;
/*The attributes below make it look pretty*/
width:100px;
padding:5px;
border:1px solid #ffffff;
background-color:#eeeeee;
font:10px/12px Arial, Helvetica, sans-serif;
}

.SelectList {
	width:222px;
	height:28px; 
	border:none; 
	outline:none; 
	border-radius: 2px;	
	background: url(../images/input-box2.png) left top no-repeat;
}

.SelectListCenter {
	width:222px;
	border:none; 
	outline:none; 
	border-radius: 2px;	
	background: url(../images/input-box2.png) left top no-repeat;
	padding:6px 0px;
}

.SelectListEditable {
	width:222px;
	height:28px; 
	border:none; 
	outline:none; 
	border-radius: 2px;	
}

.customTable td{
	padding-left: 25px;
	height:40px;
}

.blank td{
	height: auto;
	font-size: 13px;
	padding-left: 25px;
}

.blank td td{
	padding-left: 0px;
}
.ViewCompleteSolution a {
	background: url(../images/viewsolution.png) left top no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 78px;
	height: 32px;
	padding: 6px 0px 0 7px;
	outline: none;
	border:4px;
}

.customButton  a{
	color: #FFF;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	height: 16px;
	vertical-align: middle;
	text-align:center;
	padding: 5px;
	padding-left:10px;	
	padding-right:10px;
	outline: none;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	background-color: #4277AD;
	border: solid #1A5189 1px;
}

.defaultImageBox{
	width: 240px; 
	height: 160px; 
	border: solid #1A5189 2px;
	background: #4F81BD;
	font-size: 20px;
	color:white;
	padding-top: 100px;
}

.ContactusHeading{
	background: url(../images/Heading2.png) left top no-repeat;
	height: 30px;
	padding: 10px 0px 0px 20px;
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

/*04 oct 2012 css start*/
.multiSelectStyle{width:222px; border:1px solid #c7c7c7; background-color:#f2f2f2; border-radius:4px; padding:2px;}
.btnBox{background:url(../images/btnBgRight.png) right top no-repeat; display:inline-block; text-decoration:none; font-weight:bold; font-size:11px; padding:0 10px 0 0; color:#fff;}
.btnBox span{background:url(../images/btnBgLeft.png) left top no-repeat; height:28px; line-height:28px; display:inline-block; padding:0 0 0 10px; }
.browseStyle{width:322px; padding:2px;}
.btnBoxbg{ background:none; border:0;}

.pagination{font-size:11px; padding: 10px 2px 0 2px !important; display: initial !important;}
.pagination a:link{color:#0466b9}
.pagination a:visited{color:#0466b9}
.pagination a:hover{text-decoration:none; color:#333}
.pagination span{ color:#999;}
.importFieldset{border:0px solid #bbbbbb; padding:10px;}
.inputBoxVal{margin-top:5px;}
/*04 0ct 2012 css end*/
.MiddleContentAreaInternal {
    border: 1px solid #AEAEAE;
    font-weight: normal;
    margin-left: 23px;
}


.BorderTable{
	/*border:#fff 1px solid;*/
	border-top:#fff 1px solid;
	border-right:#fff 1px solid;
	border-left:none;
	border-bottom:none;
	margin:0px;
}
.BorderTable th{
	height:40px;
	color:#FFFFFF;
	background:#4f81bd;
	text-align:left;
	font-size:13px;
	font-weight:normal;
	padding-left:10px;
	border-left:#fff 1px solid;
}
.BorderTable th.bdrBottom{
	border-bottom:#fff 1px solid;
}

.BorderTable td{
	border-left:#fff 1px solid;
	border-bottom:#fff 1px solid;
	border-top:none;
	padding-left:10px;
	word-wrap: break-word;
}
.BorderTable .AlterRow{
	background:#d0d8e8;
}
.BorderTable .AlterRow2{
	background:#e9edf4;
}
.BorderTable tr.subHead td{font-weight:bold;}
.BorderTable td.statusRed{background-color:#f1bfbf;}
.BorderTable td.statusGreen{background-color:#cbf0cb;}
.BorderTable td.statusYellow{background-color:#f5f5d3;}

.headingA2 {
	background: url(../images/2D-geometry.png) left top no-repeat;
	height: 23px;
	margin: 0 0 0 0;
	padding: 7px 0 7px 10px;
	font-size: 18px;
	width: 950px;
}
.fontBold {
	font-weight: bold;
}

.NewsTabIndex {
	margin: 0px 0px 0px 16px;
	width: 280px;
  	height: 260px;
}
.assignmentPopupTable {
	border-color: #CCCCCC !important;
    border-style: solid !important;
    border-width: 1px !important;
}
.rPadding5{
	padding-right: 5px;	
}
.bPadding5{
	padding-bottom: 5px;	
}
.SelectListEditable {
	width:222px;
	height:28px; 
	border:none; 
	outline:none; 
	border-radius: 1px 2px 2px 2px;
}
.CreateAssignBtns  {
	background: url(../images/answerformat.png) left top no-repeat;
	color: #FFF;
	text-align: center;
	font-size:11px;
   	font-family:Verdana,sans-serif;
	font-weight: bold;
	width: 138px;
	height: 30px;
	border-style:none;
   	border-color:#457AB0;
   	border-width:0px;	
	padding-bottom: 3px;
	cursor:pointer;
	outline: none;
}
.tMargin7{
	margin-top: 7px;
}
.tMargin_10p{
	margin-top: -22px;
}
.td-nowrap {
	white-space: nowrap; 
	overflow: hidden;
}

	
  .popup1 {
	float: left;
    background: #ECE9E9;
    width: 519px;
	border-radius: 5px;
	height: 230px;
  }
  
  .BlankTabStyle1 {
	background: #d8efff; /* Old browsers */
	background: -moz-linear-gradient(top, #d8efff 0%, #b3dbfd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d8efff 0%,#b3dbfd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d8efff 0%,#b3dbfd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8efff', endColorstr='#b3dbfd',GradientType=0 ); /* IE6-9 */
    border:1px solid #a1c6e6;
    border-radius: 8px;
    padding:8px 10px;
    margin:20px;
	float: left;
    width: 445px;
    height: 27px;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 0 9px;
    margin: 12px 0 0 30px;
  }
  
  .errorHead{
	color: red;
	 font-weight: bold;
	 }
	 
.partialContentLoader {
    background: rgb(248, 249, 250) url("../images/progress_bar.gif") no-repeat center center;
    height: 100%;
    width: 100%;
    border: 1px solid #FFFFFF;
    min-height: 100px;
    border: 1px solid #dedede;
    padding: 0px;
    margin: 3 0px;
} 

@media only screen and (max-width : 991px) {
#ShadowBg {
	
	width: auto !important;
	/* background:url(../images/ShadowBg.png) no-repeat left 120px; */
	
}
}