@import url(reset.css);

/* Page Layout */
html { background: transparent url(../../images/home/body-bg.png) repeat-x top; }
div#wrapper { margin: 0 auto; width: 980px; }
div#top { background: url(../../images/home/header.jpg) no-repeat; width: 980px; height: 97px; float: left; }
div#container { width: 980px; position: absolute; }
div#main { background: url(../../images/home/main-bg.png) repeat-y; float: left; width: 980px; }
div#main-start { width: 980px; height: 10px; background: url(../../images/home/main-start.png) no-repeat; float: left;}
div#main-content { margin: 30px 0 0 30px; width: 920px; }
div#main-end { background: url(../../images/home/main-footer.png) bottom no-repeat; width: 980px; height: 10px; clear: both; }
div#top h1 { text-indent: -9999px; height: 0;}
/* position: fixed; top: 0; left: 0; */


/* Utility */
.show { display: block !important; }
.hide { display: none; }

/* Images */
img { border: 0; behavior: url(/common/behaviors/iepngfix.htc); } 
img.right { float: right; }

/* Type */
small { font-family: "Lucida Grande", Verdana, Sans-Serif; }
.content h2 { color: #7bc143; font-weight: normal; }
.content h6.subtitle { color: #837870; position: relative; top: -1em; }

/* Links */
a.more { background: url(../../images/home/bullet-arrow.png) center right no-repeat; font-weight: bold; padding-right: 12px; zoom: 1; }
a { color: #6480e8; }
a:hover { color: #4e63b4; text-decoration: underline; }

/* Buttons */
div#buttons { position: absolute; top: 461px; left: 544px; width: 278px; height: 38px; }
a.button { float: left; width: 131px; height: 38px; display: block; text-indent: -9999px; overflow: hidden; padding: 0; }
a.button#signup { background: url(../../images/home/button-signup.png); }
a.button#signup-internal { float: right; background: url(../../images/home/button-signup-internal.png); }
a.button#learn { background: url(../../images/home/button-learn.png); margin-right: 16px; }
a.button#video { background: url(../../images/home/button-video.png); margin-right: 16px; }
a.button#back { background: url(../../images/home/button-back.png); margin-right: 16px; }
a.button#next { background: url(../../images/home/button-next.png); margin-right: 16px; }

/* Colors */
.dark-green { color: #00853f; }
.light-green { color: #7bc143; }
.warm-gray { color: #c7c2bc; }
.dark-blue { color: #4e63b4; }
.light-blue { color: #6480e8; }

/* Forms */
.content form fieldset label.required { background: url(../../images/shared/req-bullet.png) top right no-repeat; }
.content form fieldset { border-top: none; border-bottom: none; border-left: 0px solid #eee; border-right: 0px solid #eee; float: left; padding: 0; width: 598px; }
.content form fieldset.legend { border-top: 1px solid #000; padding: 15px;}
.content form fieldset.final { background-color:#E8FCEA; border:5px solid green; padding: 15px; }
.content form fieldset legend { font-size: 14px; font-weight: bold; padding: 0 5px; }
.content form fieldset ol { margin: 0; padding: 0; }
.content form fieldset ol li { border-top: 0px solid #ccc; clear: both; list-style-type: none; margin: 0; padding: 10px 10px 10px 0; }
.content form fieldset ol li label { float: left; font-weight: bold; margin-right: 10px; padding-right: 10px; text-align: right; width: 180px; }
.content form fieldset ol li small { margin-left: 200px; display: block; }
.content form fieldset input.text,
.content form fieldset textarea { line-height: 16px; padding: 5px; }

.content .checklist label { float: none; font-weight: normal; padding-left: 5px; }
.content .checklist { margin-bottom: 0 !important; }
.content .checklist td { padding: 0.2em; }


/* Forms - Signup Table */
table.signup { border: 10px solid #ccc; margin: 0 auto 0 auto; width: 100%; }
table.signup td, table.signup th { font-size: 11px; padding: 5px; text-align: center; font-weight: normal; vertical-align: middle; border-bottom: 1px solid #E3DFDF; border-right: 1px solid #E3DFDF; border-left: 1px solid #E3DFDF; white-space: nowrap; }
table.signup td.big { font-size: 16px; font-weight: bold; }
table.signup th { vertical-align: bottom; border-bottom: 1px solid #ccc; }
table.signup th.side { font-size: 12px; text-align: right; }
table.signup tr.plans th.fade { background-image: url(/images/topbluefade.gif); background-repeat: repeat-x; font-size: 18px; font-weight: bold; }
table.signup th span { font-size: 12px; color: #f60; }
table.signup th span.monthly { color: #c7c2bc; }
table.signup tr.category th { padding: 3px; font-size: 11px; } 
table.signup tr.category th.biz { background-color: green; color: #fff; border-left: 0; }
table.signup tr.category th.max { background-color: black; color: #fff; text-transform: uppercase; font-weight: bold; }
table.signup tr.plans th { font-size: 12px; }
table.signup td.shaded { background-color: #ffc; }
table.signup td.bigend, table.signup th.bigend { border-right: 2px solid #0c0; }
table.signup tr.solo td { border-top: 10px solid #ccc; padding-top: 15px; background-color: #ffffe3; }
table.signup tr.solo td p { margin-bottom: 10px; }
table.signup tr.solo td h1 { font-size: 16px; margin-bottom: 5px; }
table.signup tr.solo td h2, table.signup tr.solo td h3 { margin-bottom: 10px; } 
table.signup tr.solo td h3 { color: #390; font-size: 12px; }
table.signup th.side div.nubbin_region div.nubbin { display: none; width: 0; height: 0; position: relative; }
table.signup th.side div.hover div.nubbin { display: block; cursor: pointer; }
table.signup th.side div.nubbin div.wrapper {  position: absolute; top: -25px; left: 200px; }
table.signup th.side div.nubbin div.content { width: 350px; margin: 0; padding: 0 7px 8px 0; background: url(/images/tip_box-bottom_right.png) no-repeat bottom right; text-align: left; font: Lucida Grande, Verdana, sans-serif; font-size: 12px; color: #000; white-space: normal; }
table.signup th.side div.nubbin div.content div.arrow { position: absolute; top: 18px; left: -47px; width: 50px; height: 40px; background: url(/images/tip_box-arrow.png) no-repeat top left; }
table.signup th.side div.nubbin div.content div.inner { padding: 10px; background: url(/images/tip_box-bottom_right.gif) no-repeat top left; }
table.signup th.side div.nubbin div.content div.inner p { margin-bottom: 0;}

/* Login Box */
#login { background: #9ca583 url(../../images/home/login-bg.png); width: 620px; height: 40px; position: absolute; right: 13px; }
form#login-form { position: absolute; right: 30px; top: 10px; font-size: 11px; font-weight: bold; color: #fff; }
form#login-form a { border-left: 1px solid #ffc000; color: #ffc000; text-decoration: none; padding-left: 10px; margin-left: 5px; }
form#login-form a:hover { text-decoration: underline; }
form#login-form input.text { width: 190px; border: 2px solid #c3e3ac; padding: 2px; color: #000; }
form#login-form input.text#passwd { width: 100px; }
form#login-form input { font-size: 10px; font-weight: normal; font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Sans-Serif; }

/* Main Tabs */
ul#tabs { list-style: none; padding: 0; margin: 0; position: absolute; left: 300px; top: 65px; }
ul#tabs li { float: left; }
ul#tabs li a { display: block; width: 110px; height: 35px; margin: 0 2px 0 0; text-indent: -9999px; overflow: hidden; opacity: 0.5; filter: alpha(opacity=50); }
ul#tabs li a:hover { opacity: 0.8; filter: alpha(opacity=80); }

body#home-page ul#tabs li#home a,
body#products-page ul#tabs li#products a,
body.about-section ul#tabs li#about a,
body#getstarted-page ul#tabs li#getstarted a,
body#getstarted-single-page ul#tabs li#getstarted a,
body#getstarted-volume-page ul#tabs li#getstarted a,
body#contact-page ul#tabs li#contact a { opacity: 1.0; filter: alpha(opacity=100); }

body#contact-page ul#tabs li#about a, 
body#getstarted-page ul#tabs li#about a,
body#getstarted-single-page ul#tabs li#about a,
body#getstarted-volume-page ul#tabs li#about a { opacity: 0.5; filter: alpha(opacity=50); }
body#contact-page ul#tabs li#about a:hover, 
body#getstarted-page ul#tabs li#about a:hover,
body#getstarted-single-page ul#tabs li#about a:hover,
body#getstarted-volume-page ul#tabs li#about a:hover { opacity: 0.8; filter: alpha(opacity=80); }

ul#tabs li#home a { background: url(../../images/home/tab-home.png) no-repeat; }
ul#tabs li#products a { background: url(../../images/home/tab-products.png) no-repeat; }
ul#tabs li#about a { background: url(../../images/home/tab-about.png) no-repeat; }
ul#tabs li#getstarted a { background: url(../../images/home/tab-getstarted.png) no-repeat; }
ul#tabs li#blog a { background: url(../../images/home/tab-blog.png) no-repeat; }
ul#tabs li#contact a { background: url(../../images/home/tab-contact.png) no-repeat; }

/* Main Footer */
div#footer { clear: both; width: 980px; margin: 0 auto; }
div#footer-links { padding: 15px 0; margin-bottom: 14px; border-bottom: 1px solid #eee; text-align: center; width: 980px; line-height: 18px; font-size: 11px; color: #555; }
div#footer-links a { color: #00853f; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; clear: both; }
div#footer-links a:hover { text-decoration: underline; }
div#footer-links table,
div#footer-links img { float: left; }
span.main-nav a { font-weight: bold; }

div#awards { height: 160px; margin: 0 auto; width: 682px; }
div#awards div { float: left; position: relative; }
div#hackerguardian { width: 93px; top: 24px; }
div#oracle { width: 120px; top: 16px; }
div#aep { width: 90px; }
div#bessie { width: 150px; top: 19px; }
div#da { width: 109px; top: 7px; }
div#sa { width: 120px; top: 1px; }

/* Front Page - Screenshots */
div#platform-start { margin: 15px 15px 0 15px; width: 950px; height: 10px; background: url(../../images/home/platform-start.png) no-repeat;}
div#platform { margin: 0 15px 15px 15px; background: url(../../images/home/platform-bg.png) repeat-x; } 
div#platform h2 { font: normal 21pt Tahoma; color: #000; padding: 10px 0 30px; text-align: center; }
div#platform h4 { font: normal 13pt Tahoma; color: #000; padding: 20px 0 20px; text-align: center; }
div#platform hr {display:block;background:#aaa;color:#aaa;width:930px;height:1px;border:none; margin: 0 10px 20px; }

/* Front Page - Products */
dl#products { background: url(../../images/home/products.png) no-repeat; width: 933px; height: 230px; margin: 0; padding: 0; position: relative; }
dl#products dt { display: none; font-size: 85%; margin: 0; padding: 0; position: absolute; }
dl#products dd { font-size: 85%; margin: 0; padding: 0; position: absolute; }
dl#products dd span { display: none; }
dl#products dd a { position: absolute; text-decoration: none; }
dl#products dd a:hover { position: absolute; }
/*dl#products dd a:hover span { width: 250px; display: block; background: #f4f4f4; border: 1px solid #4e63b4; position: absolute; margin: 0; text-indent: 0; font-weight: bold; color: #000; vertical-align: top; }*/
dl#products dd ul { list-style: disc outside; margin-left: 2.2em;}
dl#products dd h3 { font: bold 11pt Tahoma; color: #fff; margin: 0; background: #4e63b4; padding: 5px; }
dl#products dd div { padding: 10px; }

dl#products dd#p-discipline-def { left: 6px; top: 3px; }
dl#products dd#p-discipline-def a { height: 170px; width: 132px; }
dl#products dd#p-gradebook-def { left: 195px; top: 3px; }
dl#products dd#p-gradebook-def a { height: 170px; width: 120px; }
dl#products dd#p-lessonplanner-def { left: 378px; top: 3px; }
dl#products dd#p-lessonplanner-def a { height: 170px; width: 135px; }
dl#products dd#p-studentstats-def { left: 563px; top: 3px; }
dl#products dd#p-studentstats-def a { height: 170px; width: 174px; }
dl#products dd#p-basicsis-def { left: 773px; top: 3px; }
dl#products dd#p-basicsis-def a { height: 170px; width: 151px; }

/* Front Page - Benefits */
table#benefits td { vertical-align: top; width: 33%; padding: 0 10px; font-size: 11pt; line-height: 18px; }
table#benefits h3 { font-size: 13pt; line-height: 28px; color: #4e63b4; margin: 0; }

/* Front Page - Testimonial Widget */
div#testimonials { float: right; margin: 0 30px 0 0; width: 396px; }
div#testimonials a.button { background: url(../../images/home/headline-users.png) no-repeat; width: 236px; height: 18px; margin: 15px 0 0 30px; float: none; }
div#testimonial-scroller { overflow: hidden; height: 400px; }
div.testimonial { background: url(../../images/home/bubble-sm.png) no-repeat 0 0; width: 396px; height: 170px; }
div.testimonial p { margin: 25px 0 0 30px; padding: 10px 0 0 0; width: 336px; height: 111px; }
div.testimonial div.author { text-align: right; width: 320px; }
.author { font-weight: bold; color: #7bc143; }

blockquote > *:before{content:""}
blockquote > *:after{content:""}
blockquote { clear: both; margin: 30px 0 !important; border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#666; background: transparent url(../../images/home/quoteleft.png) left top no-repeat; }
blockquote div { padding: 0 48px; background: transparent url(../../images/home/quoteright.png) right bottom no-repeat; }

/* Front Page - News Widget */
div#articles a.button { background: url(../../images/home/headline-news.png) no-repeat; width: 300px; height: 18px; margin: 15px 0 0 30px; float: none; }
div#articles { float: left; width: 542px; }
div#articles ol { margin: 0 36px; list-style-type: none; }
div#articles ol li { clear: both; margin: 0; padding: 16px 6px 20px; }
div#articles ol a { color: #000; font-style: italic; }
div#articles ol h3 { font-size: 10pt; margin: 0 0 4px; font-weight: bold; }
div#articles ol h3 a { color: #00853F; font-style: normal; text-decoration: none; }
div#articles ol .byline { font-style: italic; padding: 0 0 0 2px; }
div#articles li p { margin: 12px 0; }
div#articles a.more { color: #6480E8; text-transform: uppercase; }

/* Products List Page */
body#products-page h1 { width: 641px; height: 23px; background: url(../../images/home/tour-headline.png) no-repeat; text-indent: -9999px }
div.product { clear: both; border-top: 1px solid #ccc; padding: 20px 0 0 0; }
div.product h2 { margin: 0 0 10px 0; }
div.product h2 span { color: #999; font-weight: normal; font-size: 15px; }
div.product p { clear: left; }
div.product img.icon { float:left; margin: 0 5px 5px 0; }
div.product img.new { float: left; margin: 0 5px 5px 0; }
div.product img {	float: right;	margin-bottom: 20px; margin-left: 20px; }
div.product img.alt { float: left; margin-left: 0; margin-right: 20px; }
div.product a.button { margin-bottom: 10px; }

/* Products Features Page */
body.products-section div#main-content { float: left; width: 675px; margin: 0; }
ul#product-menu { display: inline; float: left; margin: 30px; width: 200px; line-height: 18px; }
ul#product-menu li { border-bottom: 1px solid #eee; font-size: 13px; padding: 10px 0; }
ul#product-menu li ul { margin: 10px 0 0 20px; }
ul#product-menu li ul li { border: none; font-size: 11px; margin: 0; padding: 0; }
ul#product-menu li a { color: #000; font-weight: bold; text-decoration: none; }
ul#product-menu li li a { color: #666; font-weight: normal; padding-left: 10px; }
ul#product-menu a:hover { text-decoration: underline; }
ul#product-menu .current a { color: #007934; font-weight: bold; text-decoration: none !important; }

body.products-section h2 { font-size: 17pt; font-weight: bold; }
body.products-section h4 { color: #9AABD7; font-size: 12pt; font-weight: bold; font-style: italic; margin-top: 10px; }
body.products-section #details img { float:right; width: 300px; margin-left: 10px; }
body.products-section #details div { line-height: 1.5em; margin: 20px 0; }
body.products-section #details form fieldset { margin: 0; }
body.products-section #details form fieldset ol li { font-size: 0.8em; }

/* About Pages */
body.about-section div#main-content { float: left; width: 600px; margin: 0; }
ul#about-menu { display: inline; float: left; margin: 30px; width: 200px; line-height: 18px; }
ul#about-menu li { border-bottom: 1px solid #eee; font-size: 13px; padding: 10px 0; }
ul#about-menu li ul { margin: 10px 0 0 20px; }
ul#about-menu li ul li { border: none; font-size: 11px; margin: 0; padding: 0; }
ul#about-menu li a { color: #000; font-weight: bold; text-decoration: none;  }
ul#about-menu li li a { color: #666; font-weight: normal; padding-left: 20px;}
ul#about-menu a:hover { text-decoration: underline; }
ul#about-menu .current a { color: #007934; font-weight: bold; text-decoration: none !important; }

ul#about-menu li#signup-faqs { border: 0; border-top: 1px solid #000; margin-top: 20px; padding-top: 20px; }
ul#about-menu li#signup-faqs h4 { font-size: 12px; color: #9AABD7;}
ul#about-menu li#signup-faqs p { font-size: 11px; margin-bottom: 20px; }

body#about-page #menu-about a,
body#success-page #menu-success a,
body#testimonials-page #menu-testimonials a,
body#press-page #menu-press a,
body#video-page #menu-video a,
body#news-page #menu-news a,
body#getstarted-page a#menu-getstarted,
body#getstarted-single-page #menu-single a,
body#getstarted-volume-page #menu-volume a,
body#contact-page #menu-contact a {	color: #007934;	font-weight: bold;	text-decoration: none !important; }

div.video { border: 3px double #f0f0f0; padding: 5px 0; text-align: center; width: 700px; }

dl.quotes { font-family: Georgia, serif; }
dl.quotes dt { border-top: 1px dotted #ccc; font-size: 1.2em; font-weight: normal; padding-top: 10px; }
dl.quotes dd { color: #444; text-indent: 50px; }

div.account { margin-bottom: 15px; border-top: dashed 1px #888; clear: both; }
div.account img { float: right; margin-top: 15px; margin-left: 20px; }
body#getstarted-page hr { margin-top: 15px; background: transparent; border-top: dashed 1px #888; clear: both; height: 1px; }