html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
html { overflow-y: scroll; }
body { font: normal 14px 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, sans-serif; background: #e0d9e4 url(gfx/bg_body.png) repeat-x; }
.clear { clear: both; visibility: hidden; }.ten { height: 9px; }.font-size-11 { font-size: 11px }.font-size-13 { font-size: 13px }.notice { color: #990000; text-align: center; font-weight: bold; font-size: 11px; }
abbr { border-bottom: 1px dotted #aaa; cursor: pointer; }
a { font-weight: bold; color: #310248; }
a:hover { color: #6E4D7E; }
h1, h2, h3, h4, h5 { cursor: default; }
a#nojsnotice { font-size: 11px; display: block; padding: 10px; background: #E0D9E4; border-bottom: 1px solid #fff; }
#container { background: transparent url(gfx/bg_body2.png) no-repeat center top; text-align: center; }
#virtualmaths { width: 960px; margin: 0 auto; text-align: left; }
#header { background: transparent url(gfx/bg_header.jpg) no-repeat left top; height: 88px; }
#header a, #navbar a { text-decoration: none; }
#header a { display: block; height: 80px; }
#header a#head-2, #header a#head-3 { width: 140px; }
#header a#head-1 { width: 360px; }
#header a span { display: none; visibility: hidden; }
#navbar { background: transparent url(gfx/bg_navbar.png) no-repeat left top; height: 45px; }
#navbar ul li { display: inline; float: left; }
#navbar ul li a { background: transparent url(gfx/bg_navbar_btn.gif) no-repeat left top; display: block; line-height: 45px; font-size: 20px; font-weight: normal; padding: 0 10px 0 12px; }
#navbar ul li a:hover, #navbar ul li a.active { background: transparent url(gfx/bg_navbar_btn_hvr.png) no-repeat left top; }
#navbar ul li#nav-first a { background-position: -100px; }
#navbar ul li#nav-first a:hover, #navbar ul li#nav-first a.active { padding-left: 11px; border-left: 1px solid #fff; }
#navbar ul li#nav-last a:hover, #navbar ul li#nav-last a.active { padding-right: 9px; border-right: 1px solid #fff; }
#navbar ul li#nav-user { background: transparent url(gfx/bg_navbar_btn.gif) no-repeat left top; line-height: 44px; text-align: center; width: 390px; }
#navbar ul li#nav-user span { font-size: 11px; padding: 6px 8px 6px 24px; border: 1px solid #999; }
#navbar ul li#nav-user span.off { background: transparent url(gfx/bg_navbar_user.png) no-repeat left top; }
#navbar ul li#nav-user span.on { background: transparent url(gfx/bg_navbar_user.png) no-repeat left -50px; }
#navbar ul li#nav-user span a { background: none; line-height: 0; padding: 0; display: inline; font-size: 11px; text-decoration: underline; font-weight: bold; }
#activities { width: 938px; background: transparent url(gfx/bg_activities_menu.gif) repeat-x left bottom; padding: 10px 10px 9px 10px; border: 1px solid #fff; border-top: 0; display: none; }
#activities ul#tabs li, #activities ul.tabs2 li { display: inline; float: left; }
#activities ul#tabs li a { background: #bbb url(gfx/bg_activities_menu_tab.gif) no-repeat left 2px; margin-right: 1px; display: block; padding: 5px 10px 4px 10px; }
#activities ul#tabs li a:hover, #activities ul#tabs li a.current { background: #fff url(gfx/bg_activities_menu_tab2.gif) no-repeat left 2px; }
#activities .tabright { width: 140px; text-align: left; font-size: 11px; }
#activities .tabright label, #activities .tabright input { line-height: 18px; cursor: pointer; }
#activities .right a#x { display: block; background: transparent url(gfx/bg_x.gif) no-repeat left top; width: 20px; height: 20px; float: right; }
#activities .right a#x:hover { background-image: url(gfx/bg_x_hvr.gif); }
#activities #tabicons { clear: both; background: #fff; padding: 10px; border-bottom: 2px solid #bbb; }
#activities #tabicons .viewport { position: relative; width: 840px; height: 84px; overflow: hidden; }
#activities #tabicons ul.tabs2 { position: absolute; width: 2000em; }
#activities #tabicons ul.tabs2 li a { background: transparent url(gfx/bg_thumb.gif) no-repeat left top; display: block; width: 78px; height: 78px; margin-right: 10px; padding: 3px; text-decoration: none; font-size: 12px; }
#activities #tabicons ul.tabs2 li a:hover { background-image: url(gfx/bg_thumb_hvr.gif); color: #000; }
#activities #tabicons ul.tabs2 li a img, #activities #tabicons ul.tabs2 li a span { position: absolute; }
#activities #tabicons ul.tabs2 li a span { margin: 0 0 0 2px; display: block; width: 67px; }
#activities #tabicons a.prevPage, #activities #tabicons a.nextPage { display: block; width: 30px; height: 84px; cursor: pointer; }
#activities #tabicons a.prevPage { margin-right: 11px; background: transparent url(gfx/scroll_thumb_l.gif) no-repeat right center; }
#activities #tabicons a.prevPage:hover { background-image: url(gfx/scroll_thumb_l_hvr.gif); }
#activities #tabicons a.nextPage { background: transparent url(gfx/scroll_thumb_r.gif) no-repeat left center; }
#activities #tabicons a.nextPage:hover { background-image: url(gfx/scroll_thumb_r_hvr.gif); }
#content-1 { background: #fff url(gfx/bg_content.gif) no-repeat left bottom; padding: 0 1px 3px 1px; }
#content-2 { background: transparent url(gfx/bg_content2.png) repeat-x left top; }
#breadcrumbs { background: transparent url(gfx/dotted2.gif) repeat-x left bottom; padding: 0 10px 2px 10px; }
#breadcrumbs ul li { line-height: 30px; display: inline; float: left; background: transparent url(gfx/bullet.gif) no-repeat left center; padding-left: 20px; margin-right: 6px; font-size: 11px; }
#breadcrumbs ul li#bread-first { background: none; padding: 0; }
#main { padding: 9px; }
ul#largetabs { border-bottom: 2px solid #bbb; margin-bottom: 10px; }
ul#largetabs li { display: inline; float: left; }
ul#largetabs li a { display: block; padding: 6px 10px 4px 10px; margin-right: 2px; background: #ddd; }
ul#largetabs li a:hover, ul#largetabs li a.active { background: transparent url(gfx/bg_navbar.png) no-repeat center -5px; color: #222; }
#main .rounded-1 { background: #755382 url(gfx/rounded1.gif) no-repeat left top; }
#main .rounded-1-grad { background: #755382 url(gfx/rounded1-grad.gif) no-repeat left top; }
#main .rounded-2 { background: transparent url(gfx/rounded2.gif) no-repeat left bottom; padding: 10px 10px 11px 10px; }
.rounded-2 h1 { font-size: 24px; color: #fff; margin-bottom: 10px; }
.rounded-2 ul.rounded-head-list li { display: inline; float: left; }
.rounded-2 ul.rounded-head-list li a { background: #e0d9e4 url(gfx/icons/blank.gif) no-repeat 5px center; border: 1px solid #fff; display: block; padding: 5px 7px 5px 26px; margin-left: 6px; }
ul.vertinav { padding-bottom: 6px; }
ul.vertinav li a { display: block; background: transparent url(gfx/vertinav.gif) no-repeat left top; line-height: 30px; padding-left: 28px; margin-bottom: 4px; font-size: 10px; }
ul.vertinav li a:hover { background-image: url(gfx/vertinav_hvr.gif); color: #333; }
.col-left-small, .col-right-small { width: 200px; text-align: left !important; }
.col-left-big, .col-right-big { width: 710px; text-align: left !important; }
.block { background: #fff; padding: 1px 1px 0 1px; border-bottom: 1px solid #5E4269; }
.block .block-head { background: transparent url(gfx/bg_activities_menu.gif) repeat-x left bottom; margin-bottom: 1px; padding: 9px; }
.block .block-head h2 { font-size: 18px; }
.block .block-head .right ul li { display: inline; float: left; }
.block .block-head .right ul li a { background: #eee url(gfx/icons/blank.gif) no-repeat 3px center; border: 1px solid #fff; display: block; padding: 4px 6px 4px 24px; margin-left: 6px; font-size: 11px; }
.block .block-head .right ul li a:hover, .rounded-2 ul.rounded-head-list li a:hover { background-color: #fff; }
a.acrobat { background-image: url(gfx/icons/acrobat.png) !important; }
a.discuss { background-image: url(gfx/icons/discuss.png) !important; }
a.download { background-image: url(gfx/icons/download.png) !important; }
a.error { background-image: url(gfx/icons/error.png) !important; }
a.fullscreen { background-image: url(gfx/icons/fullscreen.png) !important; }
a.help { background-image: url(gfx/icons/help.png) !important; }
a.lightbulb { background-image: url(gfx/icons/lightbulb.png) !important; }
a.lightbulb_off { background-image: url(gfx/icons/lightbulb_off.png) !important; }
a.package { background-image: url(gfx/icons/package.png) !important; }
a.search { background-image: url(gfx/icons/search.png) !important; }
a.write { background-image: url(gfx/icons/write.png) !important; }
a.quote { background-image: url(gfx/icons/quote.png) !important; }
a.lock { background-image: url(gfx/icons/lock.png) !important; }
a.bug { background-image: url(gfx/icons/bug.png) !important; }
a.share { background-image: url(gfx/icons/share.png) !important; }
a.mail { background-image: url(gfx/icons/mail.png) !important; }
a.mouse { background-image: url(gfx/icons/mouse.png) !important; }
.block .block-content { background: transparent url(gfx/bg_activities_menu.gif) repeat-x left top; padding: 9px; margin-bottom: 1px; border-bottom: 1px solid #ccc; }
.block .resource-head { background: transparent url(gfx/head_resources_bg.png) no-repeat left bottom; padding: 9px 9px 9px 219px; height: 125px; }
.block .tos-head { background: transparent url(gfx/head_tos_bg.png) no-repeat left bottom; padding: 9px 9px 9px 219px; height: 125px; }
#error { background: transparent url(gfx/error.png) no-repeat left top; height: 230px; margin: 0 100px; padding-left: 220px; }
.block .buttons { padding: 10px 0 0 11px !important; }
.block .buttons ul li { display: inline; float: left; font-size: 12px; }
.block .buttons ul li a { background: transparent url(gfx/bg_big_btn.gif) no-repeat left top; display: block; width: 154px; height: 42px; margin: 0 9px 9px 0; padding: 9px; }
.block .buttons ul li a:hover { background-image: url(gfx/bg_big_btn_hvr.gif); color: #fff; }
.block .buttons ul li a img { float: left; margin-right: 6px; }
.home-list ul li { margin-bottom: 5px; display: block; background: transparent url(gfx/dotted.gif) repeat-x left center; }
.home-list ul li:hover { background-color: #D8CFDD; }
.home-list ul li.home-list-head { font-size: 11px; font-weight: bold; color: #755382; background: none !important; }
.home-list ul li a { font-size: 12px; display: block; background: #C6B9CD; color: #755382; padding: 3px 5px; }
.home-list ul li a:hover { background: #755382; color: #fff; outline: 2px solid #fff; }
.home-list ul li span.right a { font-size: 11px !important; font-weight: normal !important; background: #e0d9e4 !important; padding: 3px 0 3px 1px !important; }
.home-list ul li span.right a:hover { color: #333 !important; outline: none !important; background: #D8CFDD !important; }
.top-small { background: transparent url(gfx/top_arrow.gif) no-repeat right center; width: 16px; height: 14px; display: block; }
.block .block-content-2 { background: transparent url(gfx/bg_content2.png) repeat-x left top; padding: 9px; }
.block .block-content-2 h2 { font-size: 20px; }
.forum-post-user { width: 160px; padding: 0 10px 10px 10px; background: transparent url(gfx/forum-post-user.gif) no-repeat left bottom; }
.forum-post-user span { color: #666; }
.forum-post-user img { border: 1px solid #fff; outline: 2px solid #ccc; }
blockquote { border: 1px solid #ddd; padding: 10px; font-size: 11px; background: #fff; line-height: 16px; margin-bottom: 20px; }
cite { background: transparent url(gfx/quote.gif) no-repeat left 5px; display: block; border-bottom: 1px dotted #ccc; padding: 0 0 8px 18px; margin-bottom: 4px; }
#panoframe { border: 0 !important; margin: 0 !important; }
#footer { padding: 10px; font-size: 11px; line-height: 24px; color: #6E4D7E; }
.left { float: left; }
.right { float: right; text-align: right; }
.alert { padding: 5px; background: #FFD9D9 url(gfx/icons/error.png) no-repeat 565px center; font-weight: bold; }
.green { background: #CCEBCC url(gfx/icons/grin.png) no-repeat 565px center; }
#login-form label { display: block; width: 150px; float: left; }
#login-form input { margin-left: 0; }
#contact-form { width: 590px; float: left; }
#contact-form div { padding: 10px; clear: both; border-bottom: 1px solid #e0d9e4; }
#recaptcha { padding-left: 157px !important; }
#recaptcha div { padding: 0 !important; border: 0 !important; }
#contact-form div#no-border { border-bottom: 0; padding-bottom: 0; }
#contact-form label { display: block; width: 150px; float: left; font-size: 11px; font-weight: bold; padding-top: 6px; color: #310248; }
#contact-form label span { font-weight: normal; color: #666; }
#contact-form input, #contact-form textarea { width: 400px; padding: 4px; font-family: arial; font-size: 12px; }
#contact-form input#submit { width: 140px; margin-left: 150px; }
#contact-info { width: 340px; float: right; }
#cse-search-box{margin:5px;}#cse-search-box, #cse-search-box input {font-size:11px !important;}