body { font: normal 12px Arial, Helvetica, sans-serif; color:#595959; margin: 0; padding: 0; background: url(../images/bodybg.gif) repeat-x #FFF;  }

.other_page { font: normal 12px Arial, Helvetica, sans-serif; color:#000000; margin: 0; padding: 0;  }
input  { border: 1px solid #0053A3; color:#353535; font: normal 11px Arial, Helvetica, sans-serif; background: url(../images/input-gradientbg.gif) repeat-x bottom #FFF; height: 15px; padding-top: 2px; padding-left: 3px; }
.input-browse {height:auto; width:auto;}
.noinput {border:none; background:none; padding:0; margin:0; height:auto; width:auto;}
textarea, select {   border: 1px solid #0053A3; color:#353535; font: normal 11px Arial, Helvetica, sans-serif; background: url(../images/input-gradientbg.gif) repeat-x  bottom #FFF; }
.homeinput {  border: 1px solid #A9A8A8; background: #fff; color:#353535; font: normal 11px Arial, Helvetica, sans-serif; height:auto; margin:0; padding: 0; }
form, ul, p, h1, h2, h3, h4 { margin: 0; padding: 0;}
p { margin-bottom:15px; line-height:18px;}
img { border: none;}
a { font: normal 13px Arial, Helvetica, sans-serif; color:#002F87; text-decoration: underline;}
a:hover { font: normal 13px Arial, Helvetica, sans-serif; color:#002F87; text-decoration: none;}
.scholar-login { vertical-align: bottom; }
.bmatter-hd { font: bold 13px Arial, Helvetica, sans-serif; color:#353535; }
.bluematter-normal {  font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color: #0053A3; }
.scholar-loginlink { font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color: #595959; }
.scholar-loginlink a { font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color: #595959; text-decoration: underline; }
.scholar-loginlink a:hover { font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color: #595959; text-decoration: none; }
.noclass {font: normal 13px Arial, Helvetica, sans-serif; color:#595959; border: none; background: none; padding:0; height:auto; }
.topnav-cornerbg { background: url(../images/topnav-cornerbg.gif) repeat-x;  }
ul.topnav li { list-style-type: none; background: url(../images/topnav-divider.gif) no-repeat right; height: 39px; float: left; display: block; }
ul.topnav li a { font: bold 13px Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; padding-left: 20px; padding-right: 20px; text-decoration: none; line-height: 35px; }
ul.topnav li a:hover { font: bold 13px Arial, Helvetica, sans-serif; color: #FFD300; text-transform: uppercase; text-decoration: none; line-height: 35px; }

.topnav-cornerbg1 { background: url(../images/topnav-cornerbg.gif) repeat-x;  }
ul.topnav1 li { list-style-type: none; background: url(../images/topnav-divider.gif) no-repeat right; height: 34px; float: left; display: block; }
ul.topnav1 li a { font: bold 13px Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; padding-left: 20px; padding-right: 20px; text-decoration: none; line-height: 35px; }
ul.topnav1 li a:hover { font: bold 13px Arial, Helvetica, sans-serif; color: #FFD300; text-transform: uppercase; text-decoration: none; line-height: 35px; }
.midd-imgbg { background: url(../images/midd-img.jpg) no-repeat; vertical-align: top; padding-top: 175px; }

.midd-bluebg { background: #0053A3; line-height: 17px; color: #B0D8FF; padding: 23px 10px 10px 23px;  }
h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #FFD300; text-decoration: none; padding-bottom: 5px; background: url(../images/dotted-border-hr.gif) repeat-x bottom; margin-bottom: 10px; }
.midd-content p { line-height: 20px; margin-bottom: 20px; }
.relativeposition { position: relative; }
.midd-content-img { position: absolute; top: -5px; right:0px; }
.midd-bottcornerbg { background: #0053A3; }
.rightpart-padding { padding-top: 66px; }
.middbox-topcornerbg { background: url(../images/middbox-topcornerbg.gif) repeat-x; }
.middbox-bottcornerbg { background: url(../images/middbox-bottcornerbg.gif) repeat-x; }
.middbox-bodycornerbg { background: url(../images/middbox-bodycornerbg.gif) repeat-x #FFF; border-left: 3px solid #00305E; border-right: 3px solid #00305E; color: #595959 }
.rightcornerbg { background: url(../images/rightcornerbg.gif) no-repeat;}
.bottcornerbg { background: #FFD300; text-align: center; color:#000000; }
.bottcornerbg a { color:#000000; text-decoration: none;  margin-left: 5px; margin-right: 5px; font-weight: normal; }
.bottcornerbg a:hover { color:#000000; text-decoration: underline; font-weight: normal; }
.copyright { text-align: center; font-size: 12px; color: #949494; }
.dottedbg-hr { background: url(../images/dotted-border-hr-blue.gif) repeat-x bottom; }

.rightpart-content-padding { padding: 10px 0; }
h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #002F87; padding-bottom: 5px; text-decoration: none; margin-bottom: 4px; background: url(../images/dotted-border-hr-lightblue.gif) repeat-x bottom; }
h3 { font: bold 15px Arial, Helvetica, sans-serif; color: #002F87; text-decoration: none; margin-bottom: 10px; text-transform: uppercase; text-indent: 15px; }
ul.right-news li { background: url(../images/news-bullet.gif) no-repeat 0px 5px; list-style: none; padding-left: 17px; margin-bottom: 16px; }
ul.right-news li a { font: normal 13px Arial, Helvetica, sans-serif; color:#595959; text-decoration: none; }
ul.right-news li a:hover { font: normal 13px Arial, Helvetica, sans-serif; color:#002F87; text-decoration: none; }
ul.right-news li.last { margin-bottom: 0; }
.testimonials-padding { padding: 0 22px; text-align: justify; } 
.tutor-padding { padding: 0 7px; text-align: justify; }
.bluebold { font: bold 13px Arial, Helvetica, sans-serif; color:#002F87; }
.middbox-margin { margin: 10px 0 10px 17px;}
a.advsearchlink { font: normal 11px Arial, Helvetica, sans-serif; color:#002F87; text-decoration: underline; }
a:hover.advsearchlink { font: normal 11px Arial, Helvetica, sans-serif; color:#002F87; text-decoration: none; }

.featurecourse { position: absolute; top:6px; right: 0px; }
.findcourse { position: absolute; top:-7px; right: 0px; }

.errormsg { font: normal 12px Arial, Helvetica, sans-serif; color:#ff0000; text-decoration: none; }
.errormsg-small { font: normal 11px Arial, Helvetica, sans-serif; color:#002F87; text-decoration: none; background:#FFF7CE;}


/* Added Dt.08-07-2009 */
.middle-bg {background:url(../images/middle-bg.gif) repeat-x top #ffffff; border-left:1px solid #DAECFE; border-right:1px solid #DAECFE; border-bottom:1px solid #DAECFE; padding:15px; width:875px;}
.middle-middbg {background:url(../images/middle-middbg.gif) repeat-x; font:bold 18px Arial, Helvetica, sans-serif; color:#003088; text-decoration:none; text-transform:uppercase; height:35px; padding-bottom:4px;}

.middle-middbg a{background:url(../images/middle-middbg.gif) repeat-x; font:bold 18px Arial, Helvetica, sans-serif; color:#003088; text-decoration:none; text-transform:uppercase; height:35px; padding-bottom:4px;}
.middle-middbg a:hover{background:url(../images/middle-middbg.gif) repeat-x; font:bold 18px Arial, Helvetica, sans-serif; color:#003088; text-decoration:none; text-transform:uppercase; height:35px; padding-bottom:4px;}
.inner-top-padding {padding-top:15px; width:875px; padding-left:11px; padding-right:11px;}

h4 {font: bold 14px Arial, Helvetica, sans-serif; color: #002F87; text-decoration: none; background: url(../images/bullet.gif) no-repeat; text-transform:uppercase; text-indent:27px; border-bottom:1px dotted #cccccc; line-height:22px; margin-bottom:10px;}
.bluematter-small {font:bold 11px Arial, Helvetica, sans-serif; color:#003088; text-decoration:none;}
.button {font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; text-align:center; background:url(../images/button-bg.gif) repeat-x; padding:0px 3px 3px 3px; border:1px solid #1071D0; cursor:pointer; outline:none; height:19px;}
.profile-topbg {background:url(../images/profile-topbg.gif) repeat-x;}
.profile-bottbg {background:url(../images/profile-bottbg.gif) repeat-x;}
.profile-middlebg { background:#FFFFFF; border-left:2px solid #BCE0EE; border-right:2px solid #BCE0EE; padding-left:8px; padding-right:8px;}

ul.profile-link {margin:0; padding:0; margin-bottom:10px;}
ul.profile-link li {list-style-type:none; line-height:19px;}
ul.profile-link li a {color:#003089; text-decoration:none; font-size:12px; font-weight:bold; background:url(../images/arrow.gif) no-repeat 0 5px; padding-left:18px;}
ul.profile-link li a:hover {color:#003089; text-decoration:underline;}
ul.profile-link li a.active {color:#E01A0A; text-decoration:none; background:url(../images/red-arrow.gif) no-repeat 0 5px; padding-left:18px;}

ul.profile-link1 {margin:0; padding:0; margin-bottom:10px;}
ul.profile-link1 li {list-style-type:none; line-height:23px; background:url(../images/Join-another-bg.gif) no-repeat;}
ul.profile-link1 li a {color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold;  padding-left:13px;}
ul.profile-link1 li a:hover {color:#FFD300; text-decoration:none;}
ul.profile-link1 li a.active {color:#E01A0A; text-decoration:none; background:url(../images/red-arrow.gif) no-repeat 0 5px; padding-left:18px;}

.tutot_title {background: url(../images/arrow.gif) no-repeat 0 5px; padding-left: 18px; color: #002F87;}

.img-border {background:#F4FBFE; border:1px solid #cccccc; padding:4px;}
.blue-bg {background:url(../images/blue-gradient_.gif) repeat-x; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; text-indent:10px; height:21px;}
.blue-bg-2 {border-bottom:1px solid #cfcfcf; font:bold 12px Arial, Helvetica, sans-serif; color:#003088; text-decoration:none; text-indent:10px; height:21px;}
.table-broder {border:1px solid #D3D3D3;}
.td-padding {padding:10px;}
.img-left {float:left; margin-right:5px; margin-bottom:5px;}

a.bluelink-small {font:bold 11px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:underline;}
a.bluelink-small:hover {font:bold 11px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:none;}

.hr-dottedline {background:url(../images/hr-dottedline.gif) repeat-x center;}

.content {font:normal 11px Arial, Helvetica, sans-serif; color:#595959; text-decoration:none;}
.bluelink-bold {font:bold 11px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:none;}
a.bluelink-bold {font:bold 11px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:none;}
a.bluelink-bold:hover {font:bold 11px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:underline;}


.bluelink-bold-2 {font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; background:url(../images/sign-up-now.gif) no-repeat; line-height:23px; padding:4px 10px 8px 10px;}
.bluelink-bold-2 a {font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;  line-height:23px; }
.bluelink-bold-2 a:hover {font:bold 11px Arial, Helvetica, sans-serif; color:#e7c003; text-decoration:none; line-height:23px;}


.bluelink-bold-term {font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; background:url(../images/Terms-and-Condition.gif) no-repeat; line-height:23px; padding:0px 10px 4px 10px;}
.bluelink-bold-term a {font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;  line-height:23px; }
.bluelink-bold-term a:hover {font:bold 11px Arial, Helvetica, sans-serif; color:#e7c003; text-decoration:none; line-height:23px;}


.redbold {font:bold 12px Arial, Helvetica, sans-serif; color:red; text-decoration:none;}

.lightyellow-bg {font:bold 13px Arial, Helvetica, sans-serif; color:#002F87; text-decoration:none; text-transform:uppercase; background:#FFF7CE;}
.required { font: normal 12px Arial, Helvetica, sans-serif; color:#ff0000; text-decoration: none; }

#loadingDiv{font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; display:none; position:fixed; left:45%; top:0px; margin:auto; background:url(../images/loading-img.gif) no-repeat center; width:115px; height:24px; text-align:center; padding-top:3px;}

/* #make_keyboard{font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; position:fixed; left:25%; bottom:0px; margin:auto; background-color:#E9F8FD; width:45%; height:auto; text-align:center; padding-top:3px;} */

#make_keyboard{font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff;display:none;  position:fixed; left:25%; bottom:0px; margin:auto; background:url(../images/keyboard-bg-new.gif) no-repeat; width:580px; height:auto; text-align:center; padding-top:3px;}

#make_popup_keyboard{font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff;display:none; position:fixed; left:25%; bottom:0px; margin:auto; background:url(../images/keyboard-bg-new.gif) no-repeat; width:580px; height:auto; text-align:center; padding-top:3px;}

#leftDiv{font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; display:none; position:fixed; left:0%; top:50%; margin:auto; width:200px; height:200px; text-align:center; padding-top:3px;background-color:#FF7A29;}


.inbox-heading {background-image:url(../images/heading-bg.gif); background-repeat:repeat-x; height:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; border-bottom:2px solid #979797; padding-left:7px; border-top:1px solid #E2D2C1; border-left:1px solid #E2D2C1; border-right:1px solid #E2D2C1;}
.orange-bg {background-color:#FF7A29;}
.inbox-round-bg {background-image:url(../images/inbox-round-bg.gif); background-repeat:no-repeat; background-position:right;}
.inbox-td-bg {background-color:#FEF1EA; padding-left:10px; padding-right:10px; color:#777777; border-bottom:1px solid #FFEADE;}

.disprec { font-weight: bold; color: #DF0000; }
a.yourmessage { font: bold 12px Arial, Helvetica, sans-serif; color:#E01A0A; text-decoration: none; }
a:hover.yourmessage { font: bold 12px Arial, Helvetica, sans-serif; color:#E01A0A; text-decoration: underline; }
.listing-border { border: 1px solid #D4D4D4; }
th { background: url(../images/thbg.gif) repeat-x top #00328A; height: 20px; text-align: left; padding-left: 5px; color:#ffffff; }
.oddrowbg { background: #F6FCFE; height: 20px;}
.oddrowbg td { padding-left: 5px; }
.evenrowbg { background: #E5F7FD; height: 20px;}
.evenrowbg td { padding-left: 5px; }
a.bluelinkbold-big { font: bold 12px Arial, Helvetica, sans-serif; color:#43B6E0; text-decoration: none; }
a:hover.bluelinkbold-big { font: bold 12px Arial, Helvetica, sans-serif; color:#43B6E0; text-decoration: underline; }
a.grayboldlink { font-size: 12px; color: #595959; text-decoration: none; font-weight: bold; }
a.graylink { font-size: 12px; color: #595959; text-decoration: none;}
a:hover.grayboldlink { font-size: 12px; color: #0053A3; text-decoration: underline; font-weight: bold; }

/* link for question-answers*/
a.grayboldlinkqa { font-size: 18px; color: #595959; text-decoration: none; font-weight: bold; }
a.graylinkqa { font-size: 18px; color: #595959; text-decoration: none;}
a:hover.grayboldlinkqa { font-size: 18px; color: #0053A3; text-decoration: underline; font-weight: bold; }




/* New Added Class */
.thickbox-border {margin:auto;border:1px solid #e4e4e4;}
.thickbox-heading { background:url(../images/thickbox-bg.gif) repeat-x; height:22px; padding-top:5px; text-indent:11px; font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} /* background:#EEF9FD; */
.thickbox-heading div a { height:22px; padding-top:5px; padding-right:2px; text-indent:11px; font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} /* background:#EEF9FD; */
.thickbox-heading div a:hover { height:22px; padding-top:5px; text-indent:11px; font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline; padding-right:2px;} /* background:#EEF9FD; */
/*.thickbox-content {font: bold 13px Arial, Helvetica, sans-serif; color:#595959; padding:25px;}*/
.thickbox-content {font: bold 13px Arial, Helvetica, sans-serif; color:#595959; padding-top:5px;padding-left:5px;padding-bottom:2px;padding-right:5px;text-align:center;}
.button-area {margin-bottom:10px;}

.album-border {border:1px solid #C2DAE4; padding:5px;}
.album-border:hover {border:1px solid #79A5B7; padding:5px; cursor:pointer;}
.album-name {font:bold 12px Arial, Helvetica, sans-serif; color:#003088; text-decoration:none; margin-top:5px; margin-bottom:5px;}
.album-name_noedit {font:bold 12px Arial, Helvetica, sans-serif; color:#003088; text-decoration:none; margin-top:5px; margin-bottom:5px;}

.thumb-img img {border:1px solid #D4F4FF;}
.thumb-img:hover {background:transparent;}
.thumb-img:hover img {border:1px solid #ABD0DF;}
.img-border-new {background:#F4FBFE; border:1px solid #D7D7D7;}

.thumb-img2 img {border:1px solid #cccccc;}
.thumb-img2:hover {background:transparent;}
.thumb-img2:hover img {border:1px solid #00509c;}



ul.point {margin:0; padding:0; margin-bottom:15px;}
ul.point li {list-style-type:none; background:url(../images/arrow.gif) no-repeat 0 7px; margin-left:28px; padding-left:18px; line-height:20px; color:#002F87; font-weight:bold;}

.exe-topbg {background:url(../images/exe-topbg.gif) repeat-x;}
.exe-bottbg {background:url(../images/exe-bottbg.gif) repeat-x;}
.exe-leftbg {background:url(../images/exe-leftbg.gif) repeat-y;}
.exe-rightbg {background:url(../images/exe-rightbg.gif) repeat-y;}
.exe-content {font:normal 12px Arial, Helvetica, sans-serif; color:#595959; text-decoration:none; line-height:18px;}
.exe-imgborder {border:2px solid #FFD300;}

.class-middlebg { background:#FFFFFF; border-left:2px solid #BCE0EE; border-right:2px solid #BCE0EE; padding-left:7px; padding-right:7px;}
.class-td-padding {padding:7px;}

ul.grade-content {margin:0; padding:0;}
ul.grade-content li {list-style-type:none; margin-left:0px; padding-left:11px; margin-bottom:7px; font:normal 11px Arial, Helvetica, sans-serif; color:#595959; background:url(../images/grey-arrow.gif) no-repeat 0 6px;}

.grade-print-tablebg {background:#CBECF8; font:bold 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding:0px; border:1px solid #90A8C0;}
.grade-tablebg {background:#CBECF8; font:bold 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding:5px; border:1px solid #90A8C0;}
.white-bg {background:#ffffff;}
.lightblue-bg {background:#E4F6FC;}
.darkblue-bg {background:#B2E3F5}
.lightred-bg {background:#EFE0E1}

.yellow-bg {background:#FFD300; font:bold 11px Arial, Helvetica, sans-serif; color:#000000;}

.lesson {font:bold 11px Arial, Helvetica, sans-serif; color:#00509C; text-decoration:none;}
.lesson a {font:bold 11px Arial, Helvetica, sans-serif; color:#595959; text-decoration:none;}
.lesson a:hover {font:bold 11px Arial, Helvetica, sans-serif; color:#00509C; text-decoration:underline;}

.resources-bg {background:#BCE0EE; color:#000000;}
.school-heading {font:bold 18px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.padding-top {padding-top:5px;}
.blue-topbg {background:url(../images/blue-topbg.gif) repeat-x;}
.blue-bottbg {background:url(../images/blue-bottbg.gif) repeat-x;}
.blue-leftbg {background:url(../images/blue-leftbg.gif) repeat-y;}
.blue-rightbg {background:url(../images/blue-rightbg.gif) repeat-y;}
.blue-middlebg {background:#CFEDF8;}

.redlink-bold {font:bold 11px Arial, Helvetica, sans-serif; color:#2c2c2c; text-decoration:none;}
.redlink-bold a {font:bold 11px Arial, Helvetica, sans-serif; color:#2c2c2c; text-decoration:underline;}
.redlink-bold a:hover {font:bold 11px Arial, Helvetica, sans-serif; color:#E80000; text-decoration:none;}

.greymatter {font:normal 12px Arial, Helvetica, sans-serif; color:#2c2c2c; text-decoration:none;}


h5 {font:bold 14px Arial, Helvetica, sans-serif; color:#c60000; text-decoration:none; text-transform:uppercase; margin:0; padding:0; text-indent:27px;}
.red_heading {font:bold 14px Arial, Helvetica, sans-serif; color:#c60000; text-decoration:none; margin:0; padding:0; text-indent:27px;}
.findurschool {font:bold 13px Arial, Helvetica, sans-serif; color:#ff0000; text-decoration:none; text-transform:uppercase;}
.welcome-text {font:bold 12px Arial, Helvetica, sans-serif; color:#ff0000; text-decoration:none; text-transform:uppercase;}

.group-td-border {background:#F3FCFF; border:1px solid #CFEDF8;}

.group-heading {font:bold 15px Arial, Helvetica, sans-serif; color:#C60000; text-decoration:none;}
.group-heading a {font:bold 13px Arial, Helvetica, sans-serif; color:#00328A; text-decoration:none; text-transform:uppercase;}
.group-heading a:hover {font:bold 13px Arial, Helvetica, sans-serif; color:#00328A; text-decoration:underline;}

a.paginglink {font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; background:#42B6E6; padding:0px 5px 0px 5px; text-align:center; margin-right:3px; text-decoration:none;}
a.paginglink:hover {font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; background:#00328A; padding:0px 5px 0px 5px; text-align:center; text-decoration:none;}
.paging-active {font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; background:#00328A; padding:0px 5px 0px 5px; text-align:center; text-decoration:none; margin-right:3px;}


.editlink-bold {font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}
.editlink-bold a {font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}
.editlink-bold a:hover {font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}

fieldset {border:1px solid #A7A7A7;}
legend {font:bold 13px Arial, Helvetica, sans-serif; color:#00328A; text-decoration:none;}
.hr-banner {text-align:center; padding:10px;}

.wmatter-small {font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; text-align:center;  background: url(../images/thbg.gif) repeat-x top #00328A; height: 20px;}
.greymatter-small {font:normal 11px Arial, Helvetica, sans-serif; color:#2c2c2c; text-decoration:none;}

.grade-bg {background:url(../images/grade-bg.gif) no-repeat top center; height:100px; padding-left:15px; padding-right:15px; padding-top:15px; width:381px;}
.message{
border:1px solid #CCCCCC;
position:fixed;
width:150px;
border:1px solid #c93;
background:#ffc;
padding:5px;
left:0px;
top : -170px;
}


/* Added Date :31072009 */
.popup-topbg {background:url(../images/popup-topbg.gif) repeat-x; font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; text-transform:uppercase; text-indent:11px;}
.popup-topbg span {font:bold 13px Arial, Helvetica, sans-serif; color:#FBE060; text-decoration:none; text-transform:uppercase;}
.popup-bottbg {background:url(../images/popup-bottbg.gif) repeat-x;}
.popup-leftbg {background:url(../images/popup-leftbg.gif) repeat-y;}
.popup-rightbg {background:url(../images/popup-rightbg.gif) repeat-y;}
.popup-middlebg {background:#ffffff; padding:11px;}

.attendance-text {font:normal 11px Arial, Helvetica, sans-serif; color:#595959; text-decoration:none; background:#cccccc;}
.popup-whitebg {background:#ffffff;}
.student-name {font:bold 13px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;}
.student-name span {font:bold 13px Arial, Helvetica, sans-serif; color:#ff0000; text-decoration:none;}

a.whitelink-bold {font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline;}
a.whitelink-bold:hover {font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}

.note {font:normal 11px Arial, Helvetica, sans-serif; color:#595959; border: none; background: none; padding:0; background:#F3FCFF;}

.evenrowbg-grey {background:#f8f8f8;}
.oddrowbg-grey {background:#f1f1f1;}

/* Added Dt.13082009 from HB */
.searchmsg-topbg {background:url(../images/searchmsg-topbg.gif) repeat-x;}
.searchmsg-bottbg {background:url(../images/searchmsg-bottbg.gif) repeat-x;}
.searchmsg-midd-bg {background:#FEFAE7; border-left:1px solid #B5D6E2; border-right:1px solid #B5D6E2; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;}
.searchmsg-midd-bg h1 {font:bold 17px Arial, Helvetica, sans-serif; color:#003189; text-decoration:none; background:none; margin:0; padding:0;}
.searchmsg-midd-bg h1 span a {font:normal 11px Arial, Helvetica, sans-serif; color:#003189; text-decoration:underline; line-height:22px;}
.searchmsg-midd-bg h1 span a:hover {font:normal 11px Arial, Helvetica, sans-serif; color:#003189; text-decoration:none; line-height:22px;}
.searchmsg-midd-bg p {margin-top:5px;}

ul.search-option {margin:0; padding:0;}
ul.search-option li {list-style-type:none;}
ul.search-option li a {font:normal 12px Arial, Helvetica, sans-serif; color:#004A94; text-decoration:none; border-bottom:1px solid #B5D6E2; display:block; line-height:24px; padding-left:4px;}
ul.search-option li a:hover {font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; border-bottom:1px solid #B5D6E2; display:block; line-height:24px; background:#004A94;}
ul.search-option li a.current {font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; border-bottom:1px solid #B5D6E2; display:block; line-height:24px; background:#004A94;}

.search-tab-topbg {background:url(../images/search-tab-topbg.gif) repeat-x bottom;}
.search-tab-bottbg {background:url(../images/search-tab-bottbg.gif) repeat-x;}
.search-tab-middbg {border-left:1px solid #B5D6E2; border-right:1px solid #B5D6E2; background:#ffffff; padding:15px;}

ul#top-tabstrips {
padding-bottom: 0px; margin: auto; padding-top:0px; list-style-type:none; padding-left:23px; margin-top:1px;}
ul#top-tabstrips li {
display: block; float:left; margin-right:2px;}
ul#top-tabstrips li a {
display:block; color:#ffffff; text-decoration: none; background:url(../images/tab-inactive-left.gif) left top; background-repeat:no-repeat;}
ul#top-tabstrips li a em {
padding-right:20px; display:block; padding-left:20px; font:bold 13px arial, helvetica, sans-serif; background:url(../images/tab-inactive-right.gif)  right top no-repeat; padding-top:8px; padding-bottom:16px;}
ul#top-tabstrips li a:hover {background-position: left top; background-image: url(../images/tab-active-left.gif); color: #003F7B; background-repeat: no-repeat; font-weight: bold;}
ul#top-tabstrips li a:hover em {
background-position: right top; background-image: url(../images/tab-active-right.gif) ; color: #003F7B; background-repeat: no-repeat; font-weight: bold;}
ul#top-tabstrips li a.current {background-position: right top; background-image: url(../images/tab-active-left.gif); background-position:left top; color: #003F7B; background-repeat: no-repeat; font-weight: normal;}
ul#top-tabstrips li a.current em {background-position: right top; background-image: url(../images/tab-active-right.gif); color: #003F7B; background-repeat: no-repeat; font-weight: bold;}

.recordmsg {font:bold 12px Arial, Helvetica, sans-serif; color:#00328A; text-decoration:none;}
/* Add Dt.19082009 */

a.backto {font:bold 12px Arial, Helvetica, sans-serif; color:#0052a2; text-decoration:none;}
a:hover.backto {font:bold 12px Arial, Helvetica, sans-serif; color:#0052a2; text-decoration:underline;}

a.remove {font:bold 11px Arial, Helvetica, sans-serif; color:#0052a2; text-decoration:underline; background:url(../images/remove-icon.gif) no-repeat 0px 3px; padding-left:12px; cursor:pointer;}
a:hover.remove {font:bold 11px Arial, Helvetica, sans-serif; color:#0052a2; text-decoration:none;}
.accept-tablebg {background:#90D1EB; font:normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;}
.accept-tablebg-2 {background-color:#CBECF8; font:normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;}
.create-class {font:bold 12px Arial, Helvetica, sans-serif; color:#595959; line-height:22px; text-transform:none;}
.create-class span {font:bold 12px Arial, Helvetica, sans-serif; color:#0053A3; line-height:22px; text-transform:none;}


/* added for curve box */
 .curved-box-css3
    {
    width: 240px;
	height:170px;
	padding: 5px;    
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #CFEDF8;
	background:url(../images/ques-bg.gif) no-repeat;
}

 .curved-box-css4
    {
    width: 240px;
	height:170px;
	padding: 5px;    
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #CFEDF8;
	background:url(../images/flash-cart-bg.gif) no-repeat;
}

 .curved-box-css-bigbox
    {
    width: 330px;
	height:220px;
	padding: 5px;    
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #c3d0d4;
}


	.drag-field {
		position: relative;
		width: 80px;
		height: 15px;
		border: 1px solid #0090DF;
		background-color: #68BFEF;	
		text-align: center;
		cursor: move;
	}

	.drag-field_big{
		position: relative;
		width: 80px;
		height: 25px;
		float:left;
		margin:2px;
		background-position: right top;
		background-image: url(../images/12-em-cross.png);
		background-repeat: no-repeat;
		border: 1px solid #0090DF;
		background-color: #68BFEF;
		margin-top:5px;	
		text-align: center;
		cursor: move;
	}
		

 .curved-box
    {
    margin: 10px;
    width: 298px;
    background-color: #c3d0d4;
}

.curved-box h2
    {
    background: #c3d0d4 url(../images/curve_top.png) no-repeat left top;
    color: #f4fbfd;
    padding: 10px 15px 5px 15px;
}

.curved-box p
    {
    background: #c3d0d4 url(../images/curve_bottom.png) no-repeat left bottom;
    margin: 0px;
    padding: 5px 15px 10px 15px;
    text-align: left;
} 
	
.blue-bg-solid {background:#0068CB;}
.table-border-blue {border:1px solid #0068CB;}

a.bluelink-big-normal {font:normal 12px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:none;}
a.bluelink-big-normal:hover {font:normal 12px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:underline;}

.noclass { background: none; border: none; padding: 0; }

div.fileinputs {
 position: relative;
}
div.fakefile {
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 1;
}
.hidden-file-input {
 position: relative;
 text-align: right;
 -moz-opacity:0 ;
 filter:alpha(opacity:0);
 opacity: 0;
 z-index: 2;
 width:358px;
 size:58;
}

.keybaord-bg {background:url(../images/keyboard-bg.gif) no-repeat; width:25px; height:25px; float:left; margin-right:5px; margin-bottom:5px; text-align:center; padding-top:5px; cursor:pointer; font:bold 12px Arial, Helvetica, sans-serif; color:#004A92; text-decoration:none;}
.keybaord-bg-over {background:url(../images/keyboard-bg-over.gif) no-repeat; width:25px; height:25px; float:left; margin-right:5px; margin-bottom:5px; text-align:center; padding-top:5px; cursor:pointer; font:bold 12px Arial, Helvetica, sans-serif; color:#004A92; text-decoration:none;}

span.checkbox { 
  width: 19px; 
  height: 25px; 
  padding: 0 5px 0 0; 
  background: url(../images/checkbox.gif) no-repeat; 
  display: block; 
  clear: left; 
  float: left; 
} 
span.radio { 
  width: 19px; 
  height: 25px; 
  padding: 0 5px 0 0; 
  background: url(../images/radio.gif) no-repeat; 
  display: block; 
  clear: left; 
  float: left; 
} 
span.select { 
  position: absolute; 
  width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ 
  height: 21px; 
  padding: 0 24px 0 8px; 
  color: #fff; 
  font: 12px/21px arial,sans-serif; 
  background: url(select.gif) no-repeat; 
  overflow: hidden; 
}



.dragword {background:#C5E9F7; font:bold 25px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding:3px; float:left; margin-right:10px;}


/* ~~~~~~~~~~~~~~~~~~ Added Dt.09092009 POPUP WINDOW CSS START ~~~~~~~~~~~~~~~~~~ */
.popup-border {border:3px solid #0053A3;}
.popup-gradientbg {background:url(../images/popup-gradientbg.gif) repeat-x; font:bold 13px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding-left:11px; text-transform:uppercase;}
.popup-middle-padding {padding:10px;}
.popup-heading {font:bold 18px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:none; border-bottom:1px solid #D0D0D0; text-transform:uppercase;}
.popup-bluebg {background:#D9F5FF; border:1px solid #C2E8F6; padding:5px;cursor:pointer;font:bold 15px Arial, Helvetica, sans-serif;}
.popup-bluematter-bold {font:bold 12px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:none;}
.popup-greymatter {font:normal 13px Arial, Helvetica, sans-serif; color:#595959; text-decoration:none;}
.popup-greymatter span {font:bold 16px Arial, Helvetica, sans-serif; color:#595959; text-decoration:none;}
.popup-yellowborder {border:3px solid #FFCA00;}

.popup-greybg {background:#F7F7F7; border:1px solid #CCCCCC;}
.popup-greybg a {background:#F7F7F7; display:block; height:25px;}
.popup-greybg a:hover {background:#000000;}
.popup-bluebg {background:#D9F5FF; border:1px solid #C2E8F6; padding:5px;}
.popup-greenbg {background:green; border:1px solid #C2E8F6; padding:5px;cursor:pointer;font:bold 15px Arial, Helvetica, sans-serif;color:#FFFFFF}
.popup-redbg {background:red; border:1px solid #C2E8F6; padding:5px;cursor:pointer;font:bold 15px Arial, Helvetica, sans-serif;color:#FFFFFF }
.popup-graybg{background:#F7F7F7; border:1px solid #C2E8F6; padding:5px;cursor:pointer;font:bold 15px Arial, Helvetica, sans-serif; }


/* ~~~~~~~~~~~~~~~~~~ Added Dt.09092009 POPUP WINDOW CSS END ~~~~~~~~~~~~~~~~~~ */

#easyTooltip{
	padding:5px 10px;
	border:1px solid #195fa4;
	background:#195fa4 url(..images/bg.gif) repeat-x;
	color:#fff;
	z-index:1000;
	}

#true_ans{
	padding:5px 10px;
	border:1px solid #195fa4;
	background:#195fa4 url(..images/bg.gif) repeat-x;
	color:#fff;
	z-index:1000;
	}
#false_ans{
	padding:5px 10px;
	border:1px solid red;
	background:red;
	color:#fff;
	z-index:1000;
	}	
		

.true_ans{
	padding:5px 10px;
	border:1px solid #195fa4;
	background-color:green;
	color:#fff;
	z-index:1000;
	}
.false_ans{
	padding:5px 10px;
	border:1px solid red;
	background:red;
	color:#fff;
	z-index:1000;
	}	


#test-list {
	list-style: none;
}

#test-list li {
	display: block;
	padding: 20px 10px; margin-bottom: 3px;
	background-color: #D0F2FF;
	height:auto;
}

#test-list li img.handle {
	margin-right: 20px;
	cursor: move;
}

.scrollbar { overflow-x:scroll; overflow-y:hidden; border:none; border-top:none; vertical-align:bottom; position:relative;}
.vscrollbar { overflow-x:hidden; overflow-y:scroll; border:none; border-top:none; vertical-align:bottom; }
/*.scrollbar { background: #F0F0F0; padding: 7px; padding-right: 0px; SCROLLBAR-FACE-COLOR:#2AA4E9; SCROLLBAR-HIGHLIGHT-COLOR:#EDEDF0; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #2AA4E9; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR:#D5D5D5; SCROLLBAR-DARKSHADOW-COLOR: #2AA4E9; SCROLLBAR-BASE-COLOR: #ffffff; POSITION: relative; overflow-y:hidden; overflow-x:hidden; margin-top: 10px; }*/		
.breadcrumbs {font:bold 12px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:none; padding-left:11px; text-transform:uppercase;}
.breadcrumbs a {font:normal 12px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:none;}
.breadcrumbs a:hover {font:normal 12px Arial, Helvetica, sans-serif; color:#0053A3; text-decoration:underline;}

/*****************************Calendar******************/

.orangehadding { font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; }
.orangehadding a { font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; }
.orangehadding a:hover { font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; }
.light-orange-bg {background-color:#00338B;}
.forum-padd {padding-left:15px; padding-right:10px; line-height:15px;}
.cal-gray-bg {background-color:#E6E6E6; font: normal 11px Arial, Helvetica, sans-serif; color:#000000; text-decoration: none;}
.date-gray-bg {background-color:#F3F3F3; font: normal 11px Arial, Helvetica, sans-serif; color:#000000; text-decoration: none;}
.light-pink-bg {background-color:#B3E1EF; font: bold 14px Arial, Helvetica, sans-serif; color:#0065C7; text-decoration: none; padding-right:10px;}
.orangebox { background-color:#DCF3FB; padding-left:10px; padding-top:10px; vertical-align:top; }
.whiteboxbg1 { background-color:#FFFFFF; padding-left:10px; padding-top:10px; vertical-align:top; }
.padding1 {padding-left:10px;}
.greybg{ background:url(../images/greybg.gif) repeat-x; background-color:#CFCFCF;}

.link { font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color: #373737; text-decoration: none; }
.link a { font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color: #373737; text-decoration: none; }
.link a:hover { font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color: #373737; text-decoration: underline; }
/*****************************Calendar******************/

.midd-topbg { background: url(../images/midd-topbg.gif) repeat-x; }
.midd-bottbg { background: url(../images/midd-bottbg.gif) repeat-x; }
.midd-leftbg { background: url(../images/midd-leftbg.gif) repeat-y; }
.midd-rightbg { background: url(../images/midd-rightbg.gif) repeat-y; }
.midd-contentbg { background: #FFFFFF; vertical-align: top; }
.omatter-small { font: bold 12px Arial, Helvetica, sans-serif; color: #F46B21;  }
.black-border { border: 1px solid #050707; padding: 7px; vertical-align: top; }


.search-grey-topbg {background:url(../images/search-grey-topbg.gif) repeat-x;}
.search-grey-bottbg {background:url(../images/search-grey-bottbg.gif) repeat-x;}
.search-grey-leftbg {background:url(../images/search-grey-leftbg.gif) repeat-y;}
.search-grey-rightbg {background:url(../images/search-grey-rightbg.gif) repeat-y;}
.search-grey-middbg {background:url(../images/search-grey-middbg.gif) repeat-x top #EFEFEF; padding:0px 5px 5px 5px;}
.answer_text{font:bold 18px Arial, Helvetica, sans-serif; text-decoration:none;}

.flipBox-1{ background:url(../images/flipbox-bg.gif) no-repeat left; width:402px;height:252px;}
#btn_next {cursor:pointer;}
