/*============================================== Ilearn | created by www.pixelsoup.ie last modified: 25.02.2011 ================================================*/ /* RESET */ * html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,img {margin:0;padding:0;} img, a img {border:0;} #maincontent ul li{ list-style-position:outside; margin-left:10px;} ul li{list-style-position:outside;} /* GLOBAL */ .clear {clear:both;} .center {text-align:center;} .right {float:right;} .left {float:left;} .rm {margin-right:10px;} .lm {margin-left:10px;} img.left {margin: 0px 0px 0px 0px;} img.frame {border:1px solid #ececec;padding:5px;} /* STRUCTURE */ #wrap {width:780px;margin:auto;padding-bottom:10px;} #register #wrap {width:780px;margin:auto;padding-bottom:10px; height:900px;} #header {height:144px; width:780px;overflow:hidden;position:relative;} #page {padding-top:10px;} #content {width:780px; padding-bottom:15px;} #path {width:780px; height:55px; padding-top:23px; font:Arial; font-size:36px; font-weight:normal; color:#000; background:url(../img/path_bg.gif) top no-repeat; margin-bottom:15px;} #path .lvl1 {font:Arial; font-size:36px; font-weight:normal; color:#000; margin-bottom:15px; float:left; padding-right:10px;} #path .lvl2 {font:Arial; font-size:18px; font-weight:normal; color:#1a1a1a;background-image:url(../_assets/asset-breadcrumb-separator.png); background-position:left; padding-left:15px; background-repeat:no-repeat;float:left; padding-top:15px;} #breadcrumb {font-size:36px; font-weight:normal; margin-right:10px; background-image:url(../_assets/asset-breadcrumb-separator.png); background-position:right; background-repeat:no-repeat; display:block;} h1{font-size:36px; font-weight:normal; margin-right:10px; background-image:url(../_assets/asset-breadcrumb-separator.png); background-position:right; background-repeat:no-repeat; display:block;} h2{padding-bottom:20px; color:#0bb7e2; font-size:24px; font-weight:normal; line-height:150%;} h3{padding-top:20px; font-size:16px; text-transform:uppercase;} /* LOGO */ h1 a {display:block;width:146px;height:51px;overflow:hidden;text-indent:-999em; background:url(../img/frontend_logo.png) no-repeat center;outline:none;position:absolute; margin-top:10px;} /* TYPOGRAPHY */ body {font: 12px Arial, Helvetica, sans-serif; color:#1c1c1c;} p {line-height: 18px;} a {color:#0079c2;} a:hover {color:#00b4e1;} hr {color:#edecec;background-color:#edecec;height:1px;border:none;margin-bottom:20px;} /* HEADER */ #header a {color:#ffffff;text-decoration:none;} #header a:hover {color:#ffffff; text-decoration:underline} #header ul {position:absolute;left:197px; top:76px;} #header ul li {display:inline;} #header #logoutBg { background:url(../img/login_bg.png) top no-repeat; width:780px; height:35px; text-align:right;} #header #logoutBg #menu {width:320px; height:35px; float:right;} #header #logoutBg #menu .signup { font:Arial; font-weight:normal; font-size:11px; color:#0079c2; width:50px; float:left; padding-top:10px; padding-bottom:10px;} #header #logoutBg #menu .forgot { font:Arial; font-weight:normal; text-align:left; font-size:11px; color:#a7a7a7; width:110px; float:left; padding-top:10px; padding-bottom:10px;} #header #logoutBg #menu .login { text-align:left; font:Arial; font-weight:bold; font-size:12px; color:#a7a7a7; width:70px; float:right; padding-top:10px; padding-bottom:10px;} #header #logoutBg #menu .seperator {width:2px; height:34px; background:url(../img/login_sep.gif) center no-repeat; float:left;padding-left:17px; padding-right:17px;} /* HOME */ #fBanner {width:780px; height:235px; font:Arial; margin-bottom:15px;} #seperator {width:485px;background:url(../img/dots.gif) repeat-x; margin-bottom:10px;} .link {float:right; width:485px;} .link a { float:right; margin-top:5px; margin-bottom:5px;font-size: 11px;display: block;text-decoration:none;color: #00b4e1;width:80px; background:url(../img/b_up.png) right no-repeat ;} .link a:hover { float:right; margin-top:5px; margin-bottom:5px;font-size: 11px;display: block;color: #00b4e1;width:80px; background:url(../img/b_hover.png) right no-repeat ;} .link ul li{list-style:none;} #homeRight { width:240px; float:right;} #homeRight #seperator {width:240px;background:url(../img/dots.gif) repeat-x; margin-bottom:20px;} #homeRight .title {font:Arial; width:235px; font-size:25px; color:#1a1a1a; margin-bottom:15px;} /* products */ #homeRight #products { width:240px; margin-bottom:5px;} #homeRight #products .item {width:239px; height:69px; /*background:url(../img/home_prod_bg.png) center no-repeat;*/ margin-bottom:5px;} #homeRight #products .item img {margin-top:8px; padding-left:8px; float:left;} #homeRight #products .item .smTitle { font:Arial; font-size:12px; font-weight:bold; float:right; width:135px; margin-top:27px;} /* news */ #homeRight #news { width:240px; height:300px; margin-bottom:5px;} #homeRight #news #seperator {width:240px;background:url(../img/dots.gif) repeat-x; margin-bottom:5px; margin-top:5px;} #homeRight #news #column { width:240px;} #homeRight #news #column .date {color:#b8b8b8; font-weight:bold; font-size:11px;} #homeRight #news #column .newslink a {float:right; margin-bottom:5px;font-size:11px;display:block;text-decoration:none;color:#00b4e1;width:80px; background:url(../img/b_up.png) right no-repeat ;} .newslink ul li{list-style:none;} #homeRight #news #column .newslink a:hover {float:right; margin-bottom:5px;font-size:11px;display:block;color: #00b4e1;width:80px; background:url(../img/b_hover.png) right no-repeat ;} #homeRight #news #column .rss {color:#fe8e00; background:url(../img/rss.png) left no-repeat; padding-left:20px; padding-top:5px;} #homeLeft {width:485px; float:left;} #homeLeft #seperator {/*width:485px;*/background:url(../img/dots.gif) repeat-x; margin-bottom:20px;} #homeLeft .title {font:Arial; width:480px; font-size:25px; color:#1a1a1a; margin-bottom:15px;} /* welcome */ #homeLeft #welcome {/*width:485px;*/height:123px; margin-bottom:5px;} #homeleft #welcome .text {font:Arial; font-size:12px;} /* product highlights */ #homeLeft .prod {/*width:485px;*/margin-bottom:5px;} #homeLeft .prod .icon {width:137px; float:left;margin-right:10px; margin-bottom:10px; float:left;} #homeLeft .prod .text { font:Arial; font-size:12px; float:right;} /* newsletter */ #homeLeft #newsletter {/*width:485px;*/ margin-bottom:5px; padding-bottom:20px;} fieldset.search {float:left; border: none;width: 360px;} .search input, .search button {border: none;float: left;} .search input.box {padding-left:5px;color: #2a2a2a; font-size: 14px; width: 279px;height: 25px; padding-right:5px; background: url(../img/newsLfield_bg.jpg) no-repeat;} .search input.box:focus {background:url(../img/newsLfield_bg.jpg) no-repeat;outline: none;} .search button.btn, {width: 46px;height: 25px;cursor: pointer;text-indent: -9999px;background:url(../../img/search_btn.png) no-repeat top right;} .search button.btn:hover {background: url(../img/search_btn_hover.png) no-repeat top right;} .login-button {border: none;float: left;padding-left:5px;color: #2a2a2a; font-size: 14px; width: 67px;height: 25px; padding-right:5px; ;cursor: pointer;text-indent: -9999px;background:url(../_assets/btn-login.png) no-repeat top right; font-size:0.1px; color:#fff;} /*.login-button:hover{background: url(../_assets/btn-login-hover.png) no-repeat top right;} /* SECOND ROW */ /* HIRD ROW */ /* CONTENT */ #content p {margin:0px 0px 20px 0px;} #content #text {float:left;} #content ol {margin:0px 0px 20px 25px;line-height:16px;} #toTop {float:right;} #toTop a{margin-top:10px;font-size: 11px;display: block;text-decoration:none;color: #00b4e1;width:75px; margin-right:20px; background:url(../img/top_hover.png) right no-repeat ;} #toTop a:hover{margin-top:10px;font-size: 11px;display: block;color: #00b4e1;width:75px; background:url(../img/top_up.png) right no-repeat;} /* MAIN NAVIGATION */ #header #navig {font-size:15px;font-weight:bold;height:35px;width:570px;right:28px;bottom:20px;background:url(../img/navig-new.gif) no-repeat;} #header #navig li a {display:block;text-indent:-999em; height:35px;background:url(../img/navig-new.gif) no-repeat;outline:none;float:left;} /*up states*/ #header #navig li#nav-home a {width:86px;background-position:0 0;} #header #navig li#nav-prod a {width:112px;background-position:185px 0;} #header #navig li#nav-play a {width:130px;background-position:300px 0;} #header #navig li#nav-about a {width:126px;background-position:453px 0;} #header #navig li#nav-news a {width:78px;background-position:453px 0;} #header #navig li#nav-cont a {width:116px;background-position:491px 0;} /*over/selected*/ #header #navig li#nav-home a:hover, body#hom #header #navig li#nav-home a {background-position:0 -35px;} #header #navig li#nav-prod a:hover, body#prod #header #navig li#nav-prod a {background-position:-86px -35px;} #header #navig li#nav-play a:hover, body#playground #header #navig li#nav-play a {background-position:-198px -35px;} #header #navig li#nav-about a:hover, body#about #header #navig li#nav-about a {background-position:-328px -35px;} #header #navig li#nav-news a:hover, body#news #header #navig li#nav-news a {background-position:-413px -35px;} #header #navig li#nav-cont a:hover, body#contact #header #navig li#nav-cont a {background-position:-454px -35px;} /* PRODUCT NAVIGATION */ #vertmenu { font:Arial; padding-top:1px; font-size:11px; width:106px; height:105px; margin:0px; float:right; color:#1c1c1c; } #vertmenu ul {list-style: none;margin: 0px;padding: 0px;border: none;} #vertmenu ul li {margin: 0px;padding: 0px; height:25px; } #vertmenu ul li a {font-size: 11px;display: block;border-bottom:1px dotted #c2c2c2;padding: 5px 0px 5px 4px;text-decoration: none;color: #666666;width:103px; background:url(../img/b_up.png) right no-repeat ;} #vertmenu ul li a:hover {background:url(../img/b_hover.png) right no-repeat ;color: #00b4e1;} /* SIDE NAVIGATION */ /*body#register #side ul li a {background-image:url(../_assets/subnav-menus-register.png); height:41px;} body#register #side ul li#login a{background-position:0 0}*/ #side ul li {list-style:none;} #side {width:205px; height:300px; float:left;} #side .btn a, #side #active a, #side .btn-submenu a{ padding-top:10px; text-indent:15px; text-shadow: #fff 0px 1px 1px; font:Arial; font-size: 16px; font-weight:bold; display: block;text-decoration:none;color: #7d7d7d;width:205px; height:34px; background:url(../img/side_up.png) top no-repeat;} #side .btn a:hover, #side #active a { font:Arial; font-size: 16px;display: block;color: #0bb7e2;width:205px; height:34px; background:url(../img/side_hover.png) top no-repeat ;} #side .btn-submenu a {} /* MAIN PRODUCTS */ .products {width:560px; float:right; line-height:150%;} #products {width:560px; float:right; line-height:150%;} #products #icon { width:133px; height:97px; float:left; padding-top:10px;} #products #info {width:255px; height:90px; float:left; padding-left:10px; padding-top:15px;} #products #subinfo {width:600px; height:80px; float:left; padding-left:10px; padding-top:25px;} #products #info .green {color:#47aa42; font-weight:bold; font-size:11px;} #products #info .grey {color:#acacac; font-weight:bold; font-size:11px;} #products .name { font:Arial; font-size:25px; color:#1a1a1a;} #products .description { font:Arial; font-size:12px; color:#1a1a1a;} #introtext {font:Arial; font-size:12px; color:2a2a2a; width:560px; float:right;} #p_sep {width:560px; height:2px;background:url(../img/dots.gif) center repeat-x; margin-bottom:10px; margin-top:10px; float:right;} /* SUB PRODUCTS*/ #bigTitle {font:Arial;font-size:23px;color:#FFFFFF;text-indent:20px;padding-top:8px;width:780px;height:35px;background:url(../img/title_bg.png) center no-repeat;} #smallTitle { font:Arial; font-weight:bold; font-size:14px; padding-top:18px; padding-bottom:18px;} #prodHolder {width:780px; height:80px;} #prodHolder a {margin-top:10px;font-size: 11px;display: block;text-decoration:none;color: #00b4e1;width:80px; background:url(../img/b_hover.png) right no-repeat ;} #prodHolder a:hover {margin-top:10px;font-size: 11px;display: block;color: #00b4e1;width:80px; background:url(../img/b_hover.png) right no-repeat ;} #gameL {width:375px; height:71px; padding-bottom:20px; float:left;} #gameR {width:375px; height:71px; padding-bottom:20px; float:left; margin-left:30px;} #desc {width:290px;height:70px; float:left;} #thumb { margin-right:10px; width:70px; height:70px; float:left;} #seperator {width:780px; height:2px; background:url(../img/dots.gif) bottom repeat-x;margin-bottom:1px;} /* SUB PRODUCTS TEXT */ #subText {width:780px; height:104px; padding-bottom:27px; color:#1c1c1c;} #subText #subinfo {width:600px; float:left;padding-top:25px;} #subText .name { font:Arial; font-size:25px;} #subText .description { font:Arial; font-size:12px;} /* TEACHERS NOTES */ #pdfItem {width:650px; height:49px; padding-left:50px; margin-top:20px; margin-bottom:20px;} #pdfItem #text {font:Arial; font-size:12px; font-weight:normal; float:left; line-height:16px; width:590px; color:#1c1c1c;} #pdfItem #thumb {margin-right:10px; width:50px; height:49px; float:left;} #noPdf {width:780px; height:40px; margin-top:60px; margin-bottom:10px;} #noPdf #get {width:158px; height:39px; float:right;} #noPdf #text {font:Arial; font-size:12px; font-weight:normal; float:left; line-height:16px; width:600px; color:#1c1c1c;} #tDescription {width:650px; float:left; padding-top:25px; color:#1c1c1c;} #tDescription #title {font:Arial; font-weight:normal; font-size:18px; float:left; margin-bottom:10px;} #tDescription #text {font:Arial; font-size:12px; font-weight:normal; float:left; line-height:16px; width:590px; color:#1c1c1c;} #tTitle {width: 650px; height:32px; margin-top:20px;} #tTitle #icon {width:32px; height:32px; background:url(../img/num_icon.png) center no-repeat; margin-right:20px; float:left; font:Arial; font-weight:bold; font-size:16px; color:#FFFFFF; padding-left:2px; padding-top:12px; text-align:center;} #tTitle #text {font:Arial; font-weight:normal; font-size:18px; float:left; padding-top:10px;} /* CALLOUTS */ /* FOOTER */ #footer { background-color:#fff; color:#000;clear:both;margin:0px;font-size:11px;line-height:18px;} #footerFixed {width:780px; height:80px; margin:auto; background:url(../img/footer_bg.gif) bottom no-repeat;} #footer a:hover { text-decoration:underline;} #footer a {color:#9e9e9e; text-decoration:none;} #footer #links {float:left; width:250px; height:40; text-align:center; margin-left:185px; padding-top:25px;} #copy {color:#9e9e9e;font-size:11px;float:left; padding-top:25px;} #credit {color:#9e9e9e;font-size:11px;float:right; padding-top:25px;} /* BUTTON STYLING */ .submit-button {border: none;float: left;padding-left:5px;color: #fff; font-size: 0.1px; width: 75px;height: 25px; padding-right:5px; ;cursor: pointer;text-indent: -9999px;background:url(../_assets/btn-submit.png) no-repeat top right;} .submit-button:hover{background: url(../_assets/btn-submit-hover.png) no-repeat top right;} /* STYLING FOR THE FORMS */ .labels {width:250px; float:left; font-size:16px; font-weight:bold; text-transform:uppercase; padding-top:5px;} .fields {width:300px; float:left; padding-bottom:20px;} .input-box {width:242px; height:29px; background-image:url(../_assets/input-box.png); border:0px; background-color:#FFF; background-repeat:no-repeat;} .text-area{width:242px; height:75px; background-image:url(../_assets/input-box.png); border:0px; background-color:#FFF; background-repeat:no-repeat;} legend {font-size:14px;font-weight:bold;} fieldset {width:448px;margin-bottom:20px;border:1px solid #d4d4d4;padding:20px;} fieldset label {font-size:14px;} fieldset label strong {color:#53b34e;} /* STYLING FOR NORMAL CONTENT */ #introtext .icon {padding-right:20px; float:right; margin-bottom:20px;} #introtext .subheading {float:left; font-size:25px; padding-top:20px; margin-bottom:20px;} #maincontent{width:560px;height:100%; float:right;} .date{font-weight:bold; color:#b8b8b8; line-height:35px;} #summary{font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;} #summary ul li a{list-style-image:none;} /* TESTIMONIALS */ .testimonial{font-size:14px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;} /* DEMOS */ .demo_description { float: left; width: 560px; /*border-bottom: 1px solid #b8ddb8;*/ margin: 0 0 10px 15px; overflow:hidden;} .demo_description p { margin:0; padding: 0 0 0 0px;} .demo_description img {float:left; padding:0 0 8px 0;} /* NEW */ table.pricing {border:1px solid #f4f4f4;margin-bottom:20px; text-align:center; border-collapse:collapse;} table.pricing th.tabletitle {background-color:#4eaf49;color:#ffffff;font-size:14px;} table.pricing th.producttitle {width:150px;border:1px solid #e5e5e5; background: url(../img/th_bg.png) no-repeat;} table.pricing td, table.pricing th {height:30px;padding:8px;border:1px solid #e5e5e5;} table.pricing th {background-color: #f4f4f4;} h5 {font-size:16px; font-weight:bold;margin-bottom:20px;} ul.thumblist {list-style:none; clear:both;padding-top:60px;margin-left:30px;} ul.thumblist li {float:left; display:inline;margin-right:70px; text-align:center; font-weight:bold;} ul.thumblist li.last {margin-right:0px;} ul.thumblist li strong, .access strong {color:#fff; background:#5ab855 url(../img/panel_green.png) no-repeat;display:block;height:18px;width:95px;margin: 20px auto 5px auto;padding-top:2px;} ul.thumblist li.cdrom strong, .cdrom strong {color:#fff; background:#3cc5e8 url(../img/panel_blue.png) no-repeat;display:block;height:30px;width:95px;margin: 20px auto 5px auto;padding-top:2px; line-height:13px; !important} ul.thumblist li em, .access em {font-weight:normal;color:#3f9d3b;} #hom ul.thumblist {padding-top:10px;} #hom ul.thumblist a {font-size:14px;} #hom ul.thumblist img {margin-bottom:10px;} #hom ul.thumblist li {margin-right:40px;} body#playground ul.thumblist, body#prod ul.thumblist {margin-left:0;padding-top:0;} body#playground ul.thumblist li, body#prod ul.thumblist li {margin-right:5px;} h5.subhead {padding-bottom:10px;background:url(../img/dots.gif) bottom repeat-x;margin-top:20px;} #homeLeft.full {width:780px !important;} #homeLeft h2 {font-size:16px;font-weight:bold;padding:0;margin:0 0 10px 0;} #homeLeft #hintro {margin:0px 30px 0px 30px;} .access, p.cdrom{clear:left;width:100px;text-align:center;} .access strong {padding:0px;height:20px;margin-top:10px;} .cdlink {color:#fff;font-size:12px !important;text-decoration:none;} .cdlink:hover {color:#fff;}