body { background-color: #FFF; } 

/*.black-banner { width: 100%; background: #000; padding: 5px 0 10px 20px; height: 38px; min-width: 900px; position: relative; z-index: 9999; }
.black-banner a.logo { background: url("/images/sprites/updated-topbar-sprite.png") no-repeat scroll 0 0 transparent; display: block; height: 62px; width: 304px;  text-indent: -9999px; overflow: hidden; float: left; margin-left: 10px; }
.black-banner ul.nav { float: right; width: 335px; margin: 0; padding: 0; list-style: none; }
.black-banner ul.nav li { float: left; color: #FFF; padding: 12px 0 5px; margin-right: 10px; }
.black-banner ul.nav li a:hover,
.black-banner ul.nav li.active { color: #e15c40; }
.black-banner ul.nav li.active span { border-right: 1px solid #FFF; padding-right: 10px; }
.black-banner ul.nav li.profile,
.black-banner ul.nav li.cart,
.black-banner ul.nav li.search { background: url("/images/sprites/updated-topbar-sprite.png") no-repeat scroll 0 0 transparent; padding-left: 35px; } 
.black-banner ul.nav li.profile { background-position: -325px 0; cursor: pointer; }
.black-banner ul.nav li.cart { background-position: -322px -49px; padding-left: 40px; }
.black-banner ul.nav li.search { background-position: -331px -100px; padding-left: 25px; margin: 0; }
.black-banner ul.nav li.search a { border: none; }
.black-banner ul.nav li a { color: #FFF; border-right: 1px solid #FFF; padding-right: 10px; }*/

.shmooc-nav { background: #000; width: 100%; z-index: 99999; min-width: 1155px; margin: 0 0 20px 0; }
.shmooc-nav .search { position: relative; margin: 18px 0 0 20px; position: relative !important; top: 0 !important; display: none; }
.shmooc-nav a.search-link { display: none; }
.shmooc-nav .homepage_header { width: 97%; float: left; min-width: 915px; }
.shmooc-nav .homepage_logo { width: 330px; height: 46px !important; float: left; margin: 10px 0 10px 20px;}
.shmooc-nav .homepage_logo a { background: url("/images/sprites/updated-topbar-sprite.png") no-repeat scroll 0 0 transparent; display: block; height: 62px; width: 304px;  text-indent: -9999px; overflow: hidden; float: left; margin-left: 10px;  }
.shmooc-nav .user_bar { background: transparent; color: #FFF; width: 276px; margin-top: 13px; display: none; }

ol#payment_steps { position: relative; }

.commerce .purchase-list { background: #91c83e; border: none; border-radius: 10px; padding: 0; }
.commerce .purchase-list table.list1 { width: 100%; }
.commerce .purchase-list table.list1 tr:last-child, 
.commerce .purchase-list table.list1 th { font-weight: bold; padding-top: 10px; }
.commerce .purchase-list table.list1 tr:nth-child(2n) { background: none; }
.commerce .purchase-list table.list1 tr.total { border-top: 1px solid #b4d288; padding-bottom: 10px; }
.commerce .purchase-list table.list1 tr.border { border-bottom: 1px solid #86b73a; }
.commerce .purchase-list table.list1 tr.zero td { height: 0; padding: 0; }

.commerce .purchase-list table.list1 tr.total .license-details .length,
.commerce .purchase-list table.list1 tr.total .license-details .size { float: left; width: 180px; }
.commerce .purchase-list table.list1 tr.total .license-details .length { width: 300px; }

#po label:hover { border: none; background: none;  }
#po p.po-note { float: right; width: 444px; margin: 0; font-size: 10pt; }

ul#tos { padding: 0; }

.button.green_black#btn_agree .cap_left, 
.button.green_black#btn_agree .cap_right,
.button.orange_black#btn_cancel .cap_left,
.button.orange_black#btn_cancel .cap_right { display: none; }

.button.orange_black#btn_cancel .button_content,
.button.green_black#btn_agree .button_content { background: #8dc854; padding: 10px; color: #FFF; text-transform: uppercase; font-size: 14pt; width: 215px; border-radius: 8px; line-height: 32px; }
.button.orange_black#btn_cancel .button_content { background: #e3462e; width: 111px; }
.button.green_black#btn_agree .button_content:hover { color: #e3462e; }
.button.orange_black#btn_cancel .button_content:hover { color: #F99D48; }

#license { margin: 20px 0; }
#license .input { position: relative; margin: 0 0 25px 0; }
#license .input label { position: absolute; left: 10px; top: 10px; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;  padding: 0; }
#license .input label.error { left: 330px;top: 41px; }
#license .input input { width: 490px; background: #EEE; border-radius: 6px; box-shadow: -2px -2px 0 #AAA; padding: 10px 10px 10px 135px; border: none; font-size: 11pt; color: #666; }
#license .input input#licenseName { padding-left: 150px; width: 475px; }
#license .input input#teacherMagicWord { padding-left: 285px; width: 339px; }
#license .input input#studentMagicWord { padding-left: 285px; width: 339px; }
#license .input input#schoolName { padding-left: 105px; width: 520px; }
#license .input label:hover { background: none; border: none; }

#license .input.home input { width: 15px; }
#license .input.home label { position: relative; top: 0; }

.magicword-vid { position: absolute; top: 165px; right: -164px; }
.magicword-vid h3 { color: #e15c40; font-size: 14pt; margin: 0 0 10px 0; }

.licensename-help { position: absolute; top: 196px; left: 0; }
.licensename-help .help { background: #e15c40; color: #FFF; border-radius: 15px; height: 29px; width: 30px; text-align: center; padding-top: 1px; font-size: 18pt; text-shadow: 1px 1px 0 #000; cursor: pointer; }
.licensename-help .description { display: none; position: absolute; background: #f99d48; color: #FFF; padding: 20px; width: 300px; left: 38px; top: -75px; border-radius: 8px; }
.licensename-help .description .arrow { width: 20px; height: 27px; background: transparent url("/images/school-district/magicword-detail-arrow.png") no-repeat; position: relative; left: -36px; top: 67px; margin-bottom: -27px; }

.licensename-help:hover .description { display: block; }

.magicword-help { position: absolute; top: 258px; left: 0; }
.magicword-help .help { background: #e15c40; color: #FFF; border-radius: 15px; height: 29px; width: 30px; text-align: center; padding-top: 1px; font-size: 18pt; text-shadow: 1px 1px 0 #000; cursor: pointer; }
.magicword-help .description { display: none; position: absolute; background: #f99d48; color: #FFF; padding: 20px; width: 300px; left: 38px; top: -75px; border-radius: 8px; }
.magicword-help .description .arrow { width: 20px; height: 27px; background: transparent url("/images/school-district/magicword-detail-arrow.png") no-repeat; position: relative; left: -36px; top: 67px; margin-bottom: -27px; }

.magicword-help:hover .description { display: block; }

#license .input #loading { top: -37px !important; margin-right: 202px !important; }
ul.ui-autocomplete { width: 632px !important; }
#license .grades label:hover { border: none; background: none; }

ol#payment_steps li .magic-word-rules { display: none; }
ol#payment_steps li .magic-word-rules p { font-weight: bold; font-size: 11pt; }
ol#payment_steps li .magic-word-rules ul { list-style: disc; color: #FF0000; font-size: 10pt; }