/***************************************************************************
 general formatting
 ***************************************************************************/

/* alignment */
.center { text-align: center }
.left { float: left }
.right { float: right;  padding: 0 0 0 25px; }
div.clear { clear: both; height: 0; overflow: hidden; font-size: 0; }

/* call-to-aciton */
.highlight, .moderate { color: #e50208; }
.unseen { background: #f4f4f4; } /* fade a region when it cannot be used */

/* general text color and size */
* { margin: 0; padding: 0; }
/*body { background: #fbe897 url(../images/bgtile.png); }*/
body { background: #B7DCE2 url(../images/snowflake.png); }
body, input, textarea, select { font: 12px 'Trebuchet MS', Helvetica, sans-serif; color: #333; }
strong { font-weight: bold; }

/* link elements */
a { color: #9b0004; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; }
a.ext { background: url(../images/extlink.png) no-repeat top right; padding-right: 16px; text-decoration: none; }
a.highlight { color: #e50208; text-decoration: underline; } /* highlighted links show underline */
.highlight a { color: #e50208; text-decoration: none; } /* links inside a highlight have no text decoration */
.highlight a:hover {text-decoration: underline; } /* however links inside a highlight show underline on hover */
.underline { text-decoration: underline; }
a img { border: 0 none; }

/* form elements */
input, textarea { background: #fff; border: 1px solid #cfcfcf; padding: 2px; }
input[disabled=disabled] { background: #efefef; }
input[type=button] { cursor: pointer; }
input[type=checkbox] { margin: 0.25em 0 0.2em 0; }
input[type=radio] { margin-right: 0.25em; }
input[type=submit] { cursor: pointer; padding: 1px 5px; }
input.bold { font-size: 14px; font-weight: bold; }
select { background: #fff; border: 1px solid #CFCFCF; }
textarea { overflow: auto; }

.form_error { color: red; font-size: 87%; width: 230px; }
.form_error.success { color: #00adef; }
span.form_error { margin: 0; padding-left: 1em; white-space: nowrap; }

/* table elements */
td, th { padding: 2px 4px 2px 2px; }
.layout td, .layout th { padding: 0; }
th { text-align: left; background: #00adef; color: #fff; }
tr.lined td { border-top: 1px solid #ccc; }
table.printlined { color: #000; font-size: 14px; }
table.printlined th { background: #fff; color: #000; border-bottom: 2px double #000; padding: 0.75em 0.5em; }
table.printlined td { border-bottom: 1px dotted #000; border-left: 1px dotted #ccc; padding: 0.75em 0.5em; }
table.printlined td:first-child { border-left: 0 none; }
/* table.zebra { border-bottom: 2px solid #00ADEF } */
table.zebra tr:nth-child(2n+1) { background-color: #f8f8f8; }
tr.cart td { border-bottom: 1px dotted #00adef; }
td.cart { border-bottom: 1px dotted #00adef; }

/* headers */
h1, h1 a { margin: 3px 0 15px 0; color: #00adef; font-size: 30px; font-weight: normal; }
h1.curve { background: url(../images/curve_top.png) no-repeat top left;
           padding: 3px 15px 15px; text-align: center; margin: 0; zoom: 1; }
h1, h1 a { margin: 3px 0 15px 0; color: #00adef; font-size: 30px; font-weight: normal; }
h1.curve { background: url(../images/curve_top.png) no-repeat top left; padding: 3px 15px 15px;
           text-align: center; margin: 0; }
h2.light { color: #cdedfc }
h2 a { color: #01ADEF; padding-right: 20px; background: url(../images/help_link.png) no-repeat center right; }
h3 { font-size: 16px; margin: 12px 0 4px; }
h3.searchTerms { margin: 0 0 1em; }

/* other tags */
label, .label { display: block; margin: 0.25em 0 0.2em 0; }
p { margin-top: 1em; }
sup { vertical-align: baseline; position: relative; font-size: 70%; top: -0.5em; }

/* abuse reporting links */
.abuse { padding-left: 19px; background: url(../images/report_abuse_grey.png) no-repeat center left; float: right; }
a.abuse:hover { background-image: url(../images/report_abuse.png); color: #990000; text-decoration: none;}
.abuse.nofloat { float: none; }
span.abuse { color: #ccc }

/* message viewer classes */
.messages td, .messages th { border-bottom: 2px solid white; }
.messages a { color: #616161; }


.fslabels label, .fslabels .label { margin-top: 1em; }

div.lined, .outlined { padding: 0.5em; border: 1px dashed #e50208; }

.lined h1, .lined h2, .lined h3 { margin-top: 0; padding-top: 0; }

.flag { text-align: right; font-size: 11px; margin: 3px 0; }
.indent { padding: 0 0 1em 2em; }

.two-column { float: left; width: 58%; margin-right: 1.95%; }
.two-column.last { margin: 0; width: 40%; }

#print-preview { width: 100%; height: 600px; border: 1px solid #ccc; }

.terms { color: #777; line-height: 1.2; }
.terms p { margin-top: 0.5em; }
.terms ol { line-height: 1.2; }

.big { font-size: 16px; line-height: 25px; }

.morelink { text-align: right; margin-right: 10px; }

/***************************************************************************
 general formatting inverse
 ***************************************************************************/
.inverse { background-color: #75ccef; color: white; padding: 20px; }
.inverse h1, .inverse h2, .inverse h3 { color: white; }
.inverse th { background-color: #fae47e; color: #00adef; }
.inverse table.zebra { background-color: #addcf0;}
.inverse table.zebra tr:nth-child(2n+1) { background-color: #93d5ef; }

/***********************************
 buttons
 ***********************************/
/* normal buttons */
button, .button, .sbutton {
    display: inline-block; width: 160px; height: 41px; margin-top: 8px;
    text-align: center; font-size: 21px; font-weight: normal; color: #664800;
    background: url(../images/btn_act_yellow.png) no-repeat top left;
    border: 0 none; cursor: pointer; line-height: 41px; vertical-align: middle;
}
button:hover, .button:hover, .sbutton:hover { background-position: bottom left; text-decoration: none; }
.sbutton { color: white; width: 150px; height: 25px; font-size: 12px; line-height: 25px; margin: -2px 10px 0 0; padding: 0; background: url(../images/btn_act_blue_s.png) no-repeat top left; }

/* long button (280px) */
.b_long { width: 280px; background-image: url(../images/btn_act_yellow_long.png); }

/* attention button (brighter than normal visually) */
.b_attn { color: white; background: url(../images/btn_act_red.png) no-repeat top left; }
.b_long.b_attn { width: 280px; background-image: url(../images/btn_act_red_long.png); }

/* attention button 2 (brighter than normal visually) */
.b_attn2 { color: #434e53; background: url(../images/btn_act_blue.png) no-repeat top left; }
.b_long.b_attn2 { width: 280px; background-image: url(../images/btn_act_blue_long.png); }

/* blue narrow button (130px) */
.b_attn2.b_narrow { color: #434e53; width: 130px; background-image: url(../images/btn_act_blue_narrow.png); }
.b_long.b_attn2 { width: 280px; background-image: url(../images/btn_act_blue_long.png); }

/* dark buttons */
.b_dark { color: white; background: url(../images/btn_act_dark_blue.png) no-repeat top left; }
.b_long.b_dark { width: 280px; background-image: url(../images/btn_act_dark_blue_long.png); }
.b_short.b_dark { width: 50%; }

.button.stretch { position: relative; width: auto; background: url(../images/btn_act_yellow_long.png) top left; }
.button.stretch span { background: url(../images/btn_act_yellow_long.png) top right;
    margin: 0 -10px 0 10px; display: block; height: 100%; padding-right: 10px; }
.button.stretch:hover { background-position: bottom left; }
.button.stretch:hover span { background-position: bottom right; }

/* big buttons */
.bbutton { display: block; width: 502px; height: 56px; background-position: center top; border: 0 none;
    line-height: 56px; font-size: 35px; font-weight: normal; color: #664800; text-align: center; background-image: url(../images/btn_colorful_yellow_lg.png); }
.bbutton:hover { background-position: center bottom; text-decoration: none; }
.ccancel { display: inline-block; line-height: 41px; padding-left: 15px; height: 41px; margin-top: 8px;
    font-size: 16px; color: #e50208; text-decoration: underline; white-space: nowrap; vertical-align: middle; }

/***********************************
 pager / see more
 ***********************************/
.pagercontainer {
    float: left;
    border-top: 1px solid #eee;
    padding: 10px 0;
    width: 100%;
}
.pager {
    float: right;
    position: relative;
    z-index: 2000;
    padding-right: 40px;
}
.pagerlink {
    float: left;
    height: 18px;
    line-height: 18px;
    color: #fff;
    background: #66CCFF;
    padding: 0 0.5em;
    font-weight: bold;
    margin-right: 4px;
}
.pagerlink img {
    padding: 7px 0 0 0;
}
a.pagerlink {
    background: #EAEAEA;
    color: #A0A0A4;
}
.pagerlink:hover {
    background: #f0f0f0;
}
.seemore {
    text-align: center;
    font-size: 16px;
}
.seemore a {
    color: #f30038;
    text-decoration: underline;
}

/***********************************
 group page contextual menu
 ***********************************/
.menu_contextual {
    margin-top: -10px;
    list-style-type: none;
    width: 100%;
}

.menu_contextual li {
    float: left;
    padding-right: 0.5em;
    border-right: 1px solid #ddd;
    margin-right: 0.5em;
    margin-bottom: 1em;
}
.menu_contextual li a {
    color: #01ADEF;
    font-weight: bold;
}
.menu_contextual li a:hover {
    color: #5D5D5D;
}
.menu_contextual li.last {
    border-right: 0 none;
}

/***************************************************************************
 message box
 ***************************************************************************/
#popup-messages { width: 905px; position: relative; clear: both; margin: 0 auto; }
#popup-messages .first { height: 15px; }
#popup-messages .message { position: relative; background: #ffe; margin: 2px 0; }
.guest #popup-messages .message { z-index: 10000; }
#popup-messages .content { border: 1px solid #973; padding: 3px 40px; }
#popup-messages .error { background: #fdd url(../sf/sf_admin/images/cancel.png) no-repeat 10px center; }
#popup-messages .success { background: #efd url(../sf/sf_admin/images/ok.png) no-repeat 10px center; }
#popup-messages .warn { background: #ffe url(../sf/sf_admin/images/error.png) no-repeat 10px center; }
#popup-messages .info { background: #ffe url(../sf/sf_admin/images/error.png) no-repeat 10px center; }
#popup-messages .close { position: absolute; right: 10px; top: 50%; margin-top: -8px; cursor: pointer;
    width: 16px; height: 16px; background: url(../images/close.png) no-repeat; }

.ui-pop { width: 501px; position: absolute; z-index: 20000; }
.ui-pop .t, .ui-pop .m, .ui-pop .b { display: block; height: 21px; background: url(../images/pop_edge.png) no-repeat 0 0; }
.ui-pop .head { background: url(../images/popbg_top.png) repeat-y; padding: 0 21px 5px;
    font-weight: bold; color: #fff; font-size: 130%; }
.ui-pop .m { height: 3px; background-position: 0 -21px; }
.ui-pop .body { background: url(../images/popbg_mid.png) repeat-y; padding: 8px 31px; position: relative; min-height: 100px; font-size: 110%; }
.ui-pop .b { background-position: bottom left; }
.ui-pop .arrow { background: url(../images/pop_arrows.png) no-repeat; position: absolute; width: 60px; }
.ui-pop .ab { height: 50px; background-position: 0 0; margin: -39px 0 0 -25px; left: 50%; top: 0;}
.ui-pop .at { height: 50px; background-position: 0 -146px; margin: 0 0 -39px -25px; left: 50%; bottom: 0; }
.ui-pop .ar { height: 48px; background-position: 0 -50px; margin: -24px 0 0 -49px; left: 0; top: 50%;}
.ui-pop .al { height: 48px; background-position: 0 -98px; margin: -24px -49px 0; right: 0; top: 50%; }
.ui-pop p { margin: 0; padding-top: 0.5em; }

/***************************************************************************
 body formatting
 ***************************************************************************/
/* super-container */
#page { width: 100%; margin: 10px 0; }
.pcenter { margin: 0 auto; padding: 0; width: 905px; position: relative; clear: both; }

/* header banner */
#headerBanner { background: url(../images/banners/header/bg_holiday.png) no-repeat;
    height: 29px; width: 905px; margin: 0 auto; }
#headerBanner a { color: #fff; line-height: 22px; vertical-align: middle; font-size: 14px; font-weight: bold;
    margin-left: 10px; }

/* header */
#header { padding: 5px 0 0; clear: both; width: 905px; position: relative; margin-bottom: -15px; }
#logo { display: block; width: 122px; height: 77px; position: relative; margin-left: -2px; z-index: 15;
    background: url(../images/logo.png) no-repeat; text-indent: -1000em; overflow: hidden; }
#tagline { position: absolute; left: 122px; bottom: 42px; padding: 0; z-index: 1000;
    text-indent: -1000em; overflow: hidden; width: 329px; height: 27px;
    background: url(../images/guesthome/tagline2.png) no-repeat; }
#bnlogo { display: inline-block; width: 124px; height: 26px; text-indent: -1000em; overflow: hidden;
    background: url(../images/barnesandnoble.png) no-repeat top right; }

/* main content */
#allcontent { padding: 20px 20px 40px; background: #fff; clear: both; width: 865px; }
#allcontent #main { float: left; width: 620px; }
#allcontent #nosidemain { width: 865px; float: left; z-index: 2; position: relative; }
#allcontent #sidebar { width: 230px; padding-left: 15px; float: left; position: relative; z-index: 2; }

.barecontent { clear: both; width: 905px; }

/* footer */
#footer { color: #333; width: 905px; padding: 0 0 70px; position: relative; margin: 0 auto; }
#footer .nav { position: absolute; top: 0; right: 0; width: 100%; text-align: right; }
#footer .copyright { position: absolute; width: 100%; left: 0; top: 0; }
#footer a { color: #333; }
#footer a:hover { text-decoration: underline; }
#footer .coppa { color: #4488ff; font-weight: bold; }
#footer .coppa:hover { color: #004a80; }

/* login toolbar */
#loginbar { list-style-type: none; font-size: 14px; font-weight: bold; color: #df731c; z-index: 300; }
#loginbar li { float: right; margin-left: 0.65em; padding-left: 0.65em; line-height: 14px; }
#loginbar li a { color: #df731c; }
#loginbar li a:hover { text-decoration: underline }
#loginbar li.secure { padding-left: 16px; background: url(../images/secure_red.png) no-repeat top left; }
#loginbar li.green { padding-left: 16px; background: url(../images/secure_green.png) no-repeat top left; }
#loginbar li.green a { color: #1e8800; }

#personalbar { float: right; font-size: 11px; }
#personalbar a { color: #004a80; text-decoration: none; }
#personalbar .username { color: #A1A1A1; }
#personalbar .highlight{ color: #f30038; }
#personalbar img { vertical-align: bottom; }
#personalbar li { margin-left: 0.5em; padding-left: 0.5em; border-left: 1px solid #d2bf69 }
#personalbar .first { border: 0 none; }
#personalbar .bn { }

/* searchbox */
#searchbox #for.default { color: #A1A1A1; }
#searchbox #for { padding: 1px 2px; width: 169px; border: 1px solid #CFCFCF;
    background: #fff url(../images/searchbox_bg.png) no-repeat center right; }
#search_glass { position: absolute; right: 15px; top: 0; }
#searchPager { border-top: 1px solid #eee; text-align: right; padding: 5px 0; width: 600px; }

#flashbanner { margin-top: 9px; }

ul.menu { float: left; list-style-type: none; }
ul.menu li { float: left; list-style-type: none; }

#mainmenu, #mainmenu-child, #mainmenu-teacher { clear: both;  width: 786px; position: absolute; right: 0; bottom: 21px; }
    /*clear: both; float: right; margin: 9px 0 6px; }*/
#mainmenu li, #mainmenu-child li, #mainmenu-teacher li { background: #fff; color: #0b88c0; margin-left: 4px; font-size: 14px; line-height: 24px; height: 24px; text-align: center; }
#mainmenu li { width: 108px; }
#mainmenu.guest li { width: 153px; }
#mainmenu li.first { }
#mainmenu-child li { width: 192px; }
#mainmenu-child li.first { width: 194px; }
#mainmenu-teacher li { width: 108px; }
#mainmenu-teacher li.first { }
#mainmenu a, #mainmenu-child a, #mainmenu-teacher a { color: #0b88c0; display: block; }
#mainmenu li:hover, #mainmenu-child li:hover, #mainmenu-teacher li:hover { background: #75ccef; color: #fff; }
#mainmenu li:hover a, #mainmenu-child li:hover a, #mainmenu-teacher li:hover a { color: #fff; text-decoration: none; }
#mainmenu a.current, #mainmenu-child a.current, #mainmenu-teacher a.current { background: #75ccef; color: #fff; }
#mainmenu a.current:hover, #mainmenu-child a.current:hover, #mainmenu a.current:hover { background: #00adef; }

#submenu { float: right; position: relative; z-index: 1000; clear: both; right: 5px; top: 36px; }
#submenu li { margin: 5px 0 5px 10px; width: 120px; height: 20px; text-align: center; line-height: 18px; }
#submenu li a { display: block; color: #fff; padding: 1px 0; font-size: 11px; font-weight: bold; background: #75ccef; }
#submenu li a:hover { display: block; color: #75ccef; background: #fff; text-decoration: none; outline: 1px solid #75ccef; }

#submenu.collapsed {
    height: 0px;
}
hr.dashed {
    border: 0 none;
    border-bottom: 2px dashed #cbebfa;
    position: relative;
    z-index: 2;
    margin: 2px 30px 2px 0;
}


div.banners div { margin-bottom: 10px; }
div.banners div.overlay { position: absolute; }

.sb_box .banners img { width: 230px; height: 225px; }

/***************************************************************************
 front page sidebar
 ***************************************************************************/
#sidebar_fp, #sidebar_fp_nologin, #sidebar_fp_noevents {
    float: left;
    position: relative;
    z-index: 2;
    width: 240px;
    padding-left: 5px;
}

#sidebar_fp #fp, #sidebar_fp_noevents #fp, #sidebar_fp_nologin {
    background: url(../images/sidebar_bg.jpg) no-repeat left top;
    width: 283px;
    height: 995px;
    margin: 25px 0 0 -20px;
    position: relative;
    font-size: 11px;
}
#sidebar_fp_nologin  {
    margin-top: 10px;
    background: url(../images/sidebar_bg_nologin.jpg) no-repeat left top;
}
#sidebar_fp_noevents #fp {
    background: url(../images/sidebar_bg_noevents.jpg) no-repeat left top;
}
#fp_nologin_video {
    display: block;
    margin: -5px 0 -8px;
}
#nologin_sticky {
    background: url(../images/blog_sticky.jpg) no-repeat top left;
    width: 245px;
    height: 500px;
    margin: 15px 0 0 -20px;
    font-size: 11px;
}
.arrowlet { line-height: 1.25; }
.arrowlet ul { list-style: url(../images/arr_pink_rt.png); } /* highlighted bullet */
#fp_nologin_start {
    position: absolute;
    left: 58px;
    top: 29px;
    width: 178px;
    height: 132px;
}
#fp_nologin_news {
    position: absolute;
    left: 66px;
    top: 557px;
    width: 178px;
    height: 118px;
}

#fp_active {
    padding: 54px 0 43px 33px;
    width: 175px;
    height: 150px;
}

#fp_events {
    padding: 30px 0 90px 52px;
    width: 165px;
    height: 140px;
}

#fp_news {
    padding: 22px 0 0 61px;
    width: 185px;
    height: 145px;
}

#works_sticky {
    width: 260px;
    height: 254px;
    background: url(../images/works_sticky.jpg) no-repeat;
    margin: 15px 0 0 -20px;
    font-size: 11px;
}
#works_sticky .content { padding: 53px 50px 0 44px; text-align: right; }
#works_sticky ul {
    list-style-image: url(../images/list_arrow_pink.png);
    list-style-position: outside;
    text-align: left;
    margin-top: 10px;
}

.fpbox ul, .fpbox ol, .fpbox div.list {
    list-style-position: inside;
}
#fp_active li, .fp_active .more {
    color: #00ADEF;
}
#fp_events ul {
    list-style-image: url(../images/list_arrow_pink.png);
    list-style-position: outside;
}
#fp_events .more {
    color: #EC008C;
}
#fp_news .more, #fp_nologin_news .more {
    color: #FF8924;
    display: block;
    text-indent: 3em;
}
.fpbox li a {
    color: #616161;
}
.fpbox .more {
    font-weight: bold;
}
.fpbox .badge {
    position: absolute;
    top: 10px;
}
#fp_badges {
    height: 150px;
    position: relative;
}
#fp_badges img {
    padding-bottom: 0.25em;
}
#sidebar_fp_nologin .badge {
    position: absolute;
    left: 51px;
    top: 15px;
    margin: 35px 0 0 10px;
}
.badge_pager {
    position: relative;
    float: right;
    top: 140px;
}
.badge_pager div {
    float: right;
    background: url(../images/numberdots.png) no-repeat top left;
    width: 15px;
    height: 15px;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    margin-left: 3px;
    cursor: pointer;
}
.badge_pager div.selected {
    background-position: top right;
}
/***************************************************************************
 internal "3rd level" menu
 ***************************************************************************/

#l3menu {
    list-style-type: none;
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
}
#l3menu li {
    display: block;
    position: relative;
    z-index: 300;
    float: left;
    padding-right: 1em;
    height: 23px;
    line-height: 23px;
    cursor: pointer;
}
#l3menu a.expand {
    padding-right: 10px;
    background: url(../images/expand_arrow.png) no-repeat center right;
}
#l3menu li ul {
    display: none;
    position: absolute;
    left: 24px;
    top: 22px;
    width: 200px;
    list-style-type: none;
    border: 1px solid #eee;
    background: #fff;
    z-index: 300;
}
#l3menu li ul li {
    float: none;
    padding: 0;
    line-height: normal;
    height: auto;
}
#l3menu li ul li a {
    display: block;
    border-top: 1px solid #eee;
    padding: 0.25em 0.5em;
}
#l3menu li ul li a:hover {
    background: #eee;
}
#l3menu li img {
    vertical-align: middle;
    padding-right: 0.25em;
}
#l3menu a {
    color: #004A80;
}

#barmenu {
    width: 100%;
    height: 43px;
    background: url(../images/l3/b_bg.png) no-repeat top left;
    position: relative;
    list-style-type: none;
    z-index: 300;
    margin-top: 10px;
    padding: 8px 0 0 10px;
}

#barmenu ul {
    margin: -4px 0 0 0;
    position: absolute;
    background: #fff;
    list-style-type: none;
    display: none;
    width: 200px;
    border: 1px solid #ddd;
    padding: 0;
}

#barmenu li ul li a {
    display: block;
    border-top: 1px solid #eee;
    padding: 3px;
}

#barmenu li.l1 { float: left; display: block; margin: 0 2px;
    background: url(../images/l3/book_action_btn.png) no-repeat;
    width: 139px; height: 38px; line-height: 38px; }
#barmenu li.l1 li { line-height: 2; }
#barmenu li:hover { background-position: bottom left }
#barmenu li.dropdown { background-position: -139px 0 }
#barmenu li.dropdown:hover { background-position: -139px -38px }
#barmenu li.small { background-position: -278px 0; width: 44px; }
  #barmenu li.small .icon { margin: 7px; }
#barmenu li.small:hover { background-position: -278px -38px; }
#barmenu li.l1 a { display: block; color: #145789; }

#barmenu .new { margin: -18px; display: block; float: left; width: 36px; height: 36px;
    background: url(../images/l3/new_mark.png); }

#barmenu .icon { width: 29px; float: left; margin: 0 10px 0;
    background: url(../images/l3/book_action_icons.png) no-repeat; }
#barmenu .edit { background-position: 0 0; height: 24px; margin-top: 7px; }
#barmenu .buy { background-position: 0 -24px; height: 30px; margin-top: 4px; }
#barmenu .settings { background-position: 0 -54px; height: 20px; margin-top: 9px; }
#barmenu .fullscreen { background-position: 0 -74px; height: 20px; margin-top: 9px; }
#barmenu .fav_plus { background-position: 0 -94px; height: 24px; margin-top: 7px; }
#barmenu .submit { background-position: 0 -118px; height: 22px; margin-top: 8px; }
#barmenu .submitted { background-position: 0 -140px; height: 23px; margin-top: 7px; }
#barmenu .fav_minus { background-position: 0 -163px; height: 24px; margin-top: 7px; }
#barmenu .record { background-position: 0 -186px; height: 24px; margin-top: 7px; }



/***************************************************************************
 ***************************************************************************

 SPECIFIC ELEMENTS

 ***************************************************************************
 ***************************************************************************/

/***************************************************************************
 sidebar
 ***************************************************************************/
.sb_box_new { width: 240px; margin-bottom: 10px; color: #969696 }
.sb_box_new h2 { margin-top: 0 }
.sb_box_new h3 { margin-top: 0 }
.sb_box_new .top_blue { background: url(../images/box_bg_blue.png) no-repeat top left; width: 100%; height: 45px; margin-bottom: -30px; }
.sb_box_new .btm_blue { background: url(../images/box_bg_blue.png) no-repeat bottom left; width: 100%; height: 45px; margin-top: -5px; }
.sb_box_new .content_blue { border: 2px solid #afe1f8; border-width: 0 2px; min-height: 100px; padding: 0 14px; }

.sb_box_new .top_gold { background: url(../images/box_bg_gold.png) no-repeat top left; width: 100%; height: 15px; }
.sb_box_new .btm_gold { background: url(../images/box_bg_gold.png) no-repeat bottom left; width: 100%; height: 32px; margin-top: -5px; }
.sb_box_new .content_gold { border: 2px solid #f5db64; border-width: 0 2px; min-height: 60px; padding: 0 14px; }

.sb_box_new .top_pink { background: url(../images/box_bg_pink.png) no-repeat top left; width: 100%; height: 57px; margin-bottom: -42px; }
.sb_box_new .btm_pink { background: url(../images/box_bg_pink.png) no-repeat bottom left; width: 100%; height: 50px; margin-top: -5px; }
.sb_box_new .content_pink { border: 2px solid #f672c2; border-width: 0 2px; min-height: 100px; padding: 0 14px; }

.sb_box_new .top_green { background: url(../images/box_bg_green.png) no-repeat top left; width: 100%; height: 45px; margin-bottom: -30px; }
.sb_box_new .btm_green { background: url(../images/box_bg_green.png) no-repeat bottom left; width: 100%; height: 45px; margin-top: -5px; }
.sb_box_new .content_green { border: 2px solid #cde4c3; border-width: 0 2px; min-height: 100px; padding: 0 14px; }

.sb_box_special { background: url(../images/winter_book_btn.png) no-repeat top left; width: 100%; height: 77px; padding: 7px 14px; margin-bottom: 10px; color: #969696;
    /* for the winter special */
    text-align: right; width: 166px; color: #5a9e7c; padding: 7px 14px 7px 60px;
}

.sb_box {
    margin-top: 13px;
    width: 230px;
}
.sb_box .content {
    position: relative;
    border: 4px solid #d3ebf5;
    border-width: 0 4px;
    padding: 0 15px;
    /*background: url(../images/sidebar_mid.png) no-repeat bottom center;*/
}
.sb_box .content.gold {
    border-color: #fdde38;
    /*background: url(../images/sidebar_mid_gold.png) no-repeat bottom center;*/
}
.sb_box .content.pink {
    border-color: #f5b6d3;
    /*background: url(../images/sidebar_mid_pink.png) no-repeat bottom center;*/
}
.sb_box p {
    padding-bottom: 1em;
}
.sb_box em {
    color: #889;
}
.sb_box h1 {
    margin: 0;
    padding: 0;
    text-transform: none;
    color: #00ADEF;
    font-size: 19px;
}
.sb_box h2 {
    color: #00ADEF;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.sb_box input, .sb_box select {
    width: 100%;
    padding: 0;
    margin-right: 0;
    background-position: top center;
}
.sb_box input:hover { background-position: bottom center; }
.sb_box input.checkbox { width: auto; }
.sb_box a, .sb_box_new a  { color: #616161 }

/***************************************************************************
 thumbnails
 ***************************************************************************/
.thumbnail { font-size: 11px; float: left; margin: 0 5px 10px 5px; line-height: 1.2; width: 133px; overflow: hidden; display: block; }
.thumbnail.special .title { color: #085084; }
.thumbnail.special div { color: #085084; }
.thumbnail div { color: #A1A1A1; }
.thumbnail a { color: #616161 }
.thumbnail a.title { color: #00adef }
.holder { float: left; padding-bottom: 10px; }

.res_thumbnail { float: left; margin: 0 10px 16px 0; position: relative;
    text-align: center; font-size: 10px; font-style: italic;
    background: url(../images/res_bg.png) no-repeat top left; }
.res_thumbnail img.thumb { display: block; padding: 10px; width: 90px; height: 90px; }
.res_thumbnail a { color: #f30038; background: #fff; float: right; padding: 2px 5px;
    position: relative; display: block; right: 9px; bottom: 13px; }
.res_thumbnail a.icon { position: absolute; width: 26px; height: 26px; bottom: auto;
    top: -7px; right: -7px; padding: 0; }
.res_thumbnail a.icon.add { background: url(../images/thumb_plus.png) }
.res_thumbnail a.icon.remove { background: url(../images/thumb_minus.png) }
.res_thumbnail a.icon.delete { background: url(../images/thumb_del.png) }
.res_thumbnail .share, .res_thumbnail .unshare { color: #00ADEF; }
.res_thumbnail .loading { color: #ccc; }
.res_thumbnail input[type=text] { border-color: #d3ebf5; font-size: 11px;
    margin-top: -5px; padding: 2px 6px; width: 96px;
    -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; }
.res_thumbnail input[type=text]:focus { background: #d3ebf5; }

#fpdrawings .res_thumbnail { width: 133px; margin-bottom: 0; }
#fpdrawings .res_thumbnail a { right: 33px; }
#libmessage { padding: 0.3em; border: 1px solid #eee; margin-bottom: 1em; }

/***************************************************************************
 create button
 ***************************************************************************/
#create_btn {
    text-align: center;
    padding-top: 10px;
}

#create_btn_fp {
    text-align: center;
    padding-top: 10px;
    margin-left: -30px;
}

/***************************************************************************
 buddy list
 ***************************************************************************/
.buddylist {
    list-style-type: none;
    width: 230px;
}
.buddylist li {
    padding: 3px 0;
    line-height: 21px;
    border-bottom: 1px solid #EBEBEB;
    position: relative;
}
.buddylist .icon {
    float: left;
    margin-right: 5px;
}
.buddylist a {
    color: #616161;
}
.buddylist .bluelight, .bluelight {
    color: #00ADEF;
}
.bluelight a {
    color: #00ADEF;
    text-decoration: underline;
}
.buddylist .actions {
    display: inline;
    position: absolute;
    right: 0;
}
.buddylist .locked, span.locked {
    color: #bbb;
}

/***************************************************************************
 group list
 ***************************************************************************/
.grouplist {
    list-style-type: none;
}
.grouplist h2 a {
    background: transparent;
}
.grouplist h2 {
    margin: 0 0 4px 0;
    padding: 0;
}
.grouplist li {
     margin-bottom: 28px;
     line-height: 1.25;
}
.btn {
    padding: 4px;
    float: right;
}
.group_entry {
    margin-bottom: 0.25em;
    background: #f9f9f9;
    border: 1px solid #eee;
}
.group_entry .header {
    background: #eee;
    padding: 0.2em 0.5em;
}
.group_entry p {
    padding: 0.2em 0.5em;
}
.stats {
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid #f4f4f4;
}

/***************************************************************************
 special headers
 ***************************************************************************/
 h2.comments_header {
     padding-right: 40px;
     height: 24px;
     background: url(../images/comment_icon.png) no-repeat 110px 0;
 }

/***************************************************************************
 starter chooser
 ***************************************************************************/
#type_chooser {
    float: left;
    width: 95%;
    list-style-type: none;
    clear: none;
    background: url(../images/tab_bg.png) repeat-x bottom right;
    padding-left: 6px;
}
#type_chooser li {
    float: left;
    background: url(../images/tab_bg.png) no-repeat top right;
    padding: 0;
    border-bottom: 1px solid #C9C9C9;
    cursor: pointer;
}
#type_chooser li.selected {
    border-bottom: 0 none;
}
#type_chooser li.selected a {
    padding-bottom: 3px;
}
#type_chooser li a {
    display: block;
    background: url(../images/tab_bg.png) no-repeat top left;
    padding: 3px 0 2px 12px;
    margin-right: 12px;
}

#tag_chooser {
    line-height: 1.4;
    padding: 0.5em 0;
}
#tag_chooser a {
    padding: 0.1em 0.25em;
    margin: 0.25em;
    float: left;
    display: block;
    border: 1px solid #fff;
    white-space: nowrap;
}
#tag_chooser a:hover {
    background: #eee;
}
#tag_chooser a.selected {
    border: 1px solid #bbb;
}
#selectedTags a {
    display: block;
    cursor: pointer;
}
#selectedTags a:hover {
    text-decoration: line-through;
}
#availableStarters { list-style-type: none; }
#availableStarters .entry {
    display: block;
    padding: 3px;
    margin-bottom: 0.25em;
    background: #eee;
    color: #444;
    border: 1px solid #ddd;
    position: relative;
}
#availableStarters .entry div {
    width: 98%;
    border: 1px solid #bbb;
    height: 4px;
    font-size: 1px;
    line-height: 1px;
    background: #fff;
}
#availableStarters .entry div span {
    display: block;
    background: #bbb;
    height: 4px;
    font-size: 1px;
    line-height: 1px;
}
#availableStarters a:hover {
    border-color: #889;
    font-weight: bold;
}

.starter_page {
    width: 350px;
    height: 480px;
    border: 1px solid #eee;
    margin-bottom: 1em;
    background: #f9f9f9;
    padding: 50px;
    position: relative;
}

.starter_page .blank {
    border-bottom: 1px solid #eee;
    padding-top: 3em;
    margin-bottom: 0.5em;
}

.starter_page .page {
    position: absolute;
    right: 0px;
    top: 100%;
    color: #889;
    text-align: right;
}
.hint {
    text-indent: -2em;
    margin-left: 2em;
}

/***************************************************************************
  comments stuff
 ***************************************************************************/
.comment {
    position: relative;
    margin: 0 0 1em 0;
    background: #f8f8f8;
    padding: 0.5em 1em 0.5em 0.5em;
    overflow: hidden;
    width: 400px;
}

#allcontent .comment .text {
    z-index: 100;
    position: relative;
    margin-left: 70px;
}

.comment .icon {
    float: left;
    position: relative;
    z-index: 101;
}

#allcontent .comment .curl {
    position: absolute;
    right: -8px;
    bottom: -6px;
    z-index: 1;
}

.comment h4 {
    position: relative;
    z-index: 100;
    color: #777;
    font-weight: normal;
    padding-bottom: 0.25em;
    font-size: 12px;
    width: 350px;
}

.comment .time {
    position: relative;
    z-index: 100;
    color: #aaa;
    font-size: 90%;
    font-style: italic;
    padding-right: 3em;
}

#comment_rules {
    float: right;
    width: 250px;
    margin-top: -2em;
}

#comment_rules ul { margin-left: 3em; }

/***************************************************************************
 profile
 ***************************************************************************/
h4.expando, h4.expanded {
    color: #6FCFF5;
    font-size: 16px;
    margin-top: 0.5em;
    cursor: pointer;
    padding-left: 15px;
    background: url(../images/arr_blue_rt.png) no-repeat center left;
}

h4.expanded {
    background: url(../images/arr_blue_dn.png) no-repeat center left;
}

/***************************************************************************
 message sticky
 ***************************************************************************/
#message-popup, .message-popup {
    width: 332px;
    height: 303px;
    position: absolute;
    left: 234px;
    top: 150px;
    z-index: 2000;
    text-align: left;
    line-height: 1.2;
}
#message-popup h4, .message-popup h4 { margin-bottom: 0.5em; font-size: 15px; }
#message-popup textarea, .message-popup textarea { font-size: 85% }
.message-popup a.highlight { text-decoration: none }
.message-popup a.highlight:hover { text-decoration: underline; }

#message-bg, .message-bg {
    position: absolute;
    left: 0;
    top: 0;
}

#message-content, .message-content {
    position: absolute;
    left: 65px;
    top: 60px;
    width: 210px;
    height: 195px;
    font-size: 12px;
    color: #626262;
    line-height: 1.25;
}

#message-popup .text, .message-popup .text {
    padding-top: 15px;
}

#message-popup #okbutton, .message-popup .okbutton {
    position: absolute;
    right: 0;
    bottom: 0;
}

/***************************************************************************
 checkout
 ***************************************************************************/
#checkout-button { float: right; margin-top: 2em;}
#checkout-button img, #checkout-button input { border: 0 none; }
#gCheckoutButton, #gCheckoutButton div { display:inline; }
#gCheckoutButton input { border: 0 none; vertical-align: top; }

/***************************************************************************
 friends search list
 ***************************************************************************/
#fansearchlist {
    list-style-type: none;
}

#fansearchlist li {
    position: relative;
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-width: 0 1px 1px 0;
    padding: 0.25em 0.5em;
    margin-bottom: 0.5em;
}

#fansearchlist li .details {
    position: absolute;
    right: 0.5em;
    top: 0.25em;
    height: 100%;
}

#fansearchlist .holder {
    padding: 0.5em 0.75em;
    background: #fff;
    margin-top: 0.5em;
}

#fansearchlist .holder .thumbnail {
    margin-bottom: 0;
}

#fansearchlist select {
    width: 50%;
}

table.discussion th {
    background: transparent;
    border-bottom: 1px solid #EEEEEE;
    color: #666666;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

table.discussion td {
    border-bottom:1px solid #E5E5E5;
    padding:5px 5px 7px;
    font-size:12px;
    vertical-align: top;
}

.post {
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 0.25em;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 1.5em;
}
.post .icon {
    width: 64px;
    float: left;
}

.post .post_text {
    margin-left: 74px;
}

.post h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0.4em;
}

.post .date {
    text-align: right;
    color: #ccc;
    margin-top: 1em;
}

.indent {
    padding-left: 5em;
}

/***************************************************************************
 friends chooser
 ***************************************************************************/
#friend_holder {
    padding-top: 10px;
}

#friend_holder .friend {
    float: left;
    width: 64px;
    height: 80px;
    /*position: relative;
    border: 1px solid #ccc;*/
    margin: 0 10px 10px 0;
    cursor: pointer;
    text-align: center;
    border: 1px solid #eee;
    padding: 5px 5px 2px;
}

#friend_holder .friend .name {
    padding: 2px 5px;
}

#friend_holder .selected {
    background: #00adef;
    color: #fff;
}

/***************************************************************************
 front page overlay
 ***************************************************************************/
#overlay{
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 300%;
    background-color: white;
    z-index:1001;
    opacity:0.70;
    filter:alpha(opacity=70); /** not valid **/
}

#overlay_content, .overlay_content {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 420px;
    height: 375px;
    margin: -260px 0 0 -225px;
    padding: 16px;
    z-index:1002;
    overflow: hidden;
}

#overlay_content.filled, .overlay_content.filled { background: #75ccef; }

#overlay_close {
    display: block;
    font-size: 16px;
    text-align: right;
    padding-top: 8px;
    font-weight: bold;
    color: #fff;
}

/***************************************************************************
 book reading
 ***************************************************************************/
#bookiframe { width:100%; height:400px; border: 0 none; margin:0; padding:0; }
#bookiframe.calendarframe { height: 600px; }
#edit_complete { background: url(../images/complete_bar.png) no-repeat top left; width: 451px; height: 41px; margin: 10px 0 15px; line-height: 41px; }
#edit_content { margin: 1px 0 0 1em; float: left; }
#edit_complete .sbutton { float: right; margin: 6px 1em 0 0; }

#share_buttons { float: right; margin-right: 30px; }
#share_panels .share_panel { position: absolute; z-index: 1000; background: #fff; border: 2px solid #00adef;
    left: 40px; top: 130px; padding: 10px; }
#share_panels .share_panel h3 { margin-top: 0; }
#share_panels .share_panel input, #share_panels .share_panel textarea { width: 90%; }

.floatbox {
    float: left;
    width: 200px;
    background: url(../images/floatbox.png) no-repeat left top;
    padding: 5px 5px 5px 10px;
    margin: 0 10px 10px 0;
    min-height: 120px;
}

/***************************************************************************
 for boxes
 ***************************************************************************/
.box_center {
    width: 100%;
    background: url(../images/box_full_bg.png) repeat-y top left;
}

.box_center .openbox {
    float: right;
    padding-right: 20px;
    cursor: pointer;
    margin-top: -1.5em;
    display: none;
}

.box_center h3 {
    margin: -5px 0 0 0;
    padding: 0 20px;
    position: relative;
    z-index: 100;
}

.box_content {
    padding: 0 20px;
    position: relative;
    z-index: 100;
}

.box_bottom {
    margin: -15px 0 0 0;
}

.half {
    float: left;
    margin-top: 10px;
    width: 300px;
}

.half.left {
    padding-right: 20px;
}

.half .box_center {
    background: url(../images/box_half_bg.png) repeat-y top left;
}

.groupbox {
    height: 75px;
    overflow-y: scroll;
    border: 1px solid #eee;
    padding: 5px;
}

.full img, .half img {
    display: block;
}

/***************************************************************************
 features
 ***************************************************************************/
#features {
    /*background: url(../images/feature_bg.png) no-repeat right bottom;*/
    float: left;
    margin-bottom: 1.5em;
    width: 600px;
}
#features_top {
    background: url(../images/feature_bg_top.png) no-repeat right bottom;
    display: block;
    clear: none;
    height: 9px;
    position: relative;
    z-index: 2;
    margin-top: -2px;
    font-size: 1px;
}

#featurecontrol {
    padding-top: 10px;
}

#featurecontrol span, #featurecontrol a {
    background: #fff url(../images/feature_tabs.png) no-repeat top left;
    font-weight: bold;
    width: 106px;
    height: 25px;
    line-height: 25px;
    display: block;
    float: left;
    cursor: pointer;
    font-size: 11px;
    text-align: center;
    z-index: 1;
    position: relative;
    margin-right: 2px;
}
#featurecontrol a:hover { text-decoration: none; }
#featurecontrol .selected {
    color: #00ADEF;
    z-index: 5;
}

/***************************************************************************
 starters
 ***************************************************************************/
.s_button {
    width: 131px;
    height: 123px;
    display: block;
    float: left;
    margin: 0 15px 15px 0;
    background: url(../images/start_cat_btm.png) no-repeat left bottom;
    text-align: center;
}

.fp_s_button {
    width: 100px;
    height: 94px;
    display: block;
    float: left;
    margin: 0 20px 18px 0;
    background: url(../images/fp_start_cat_btm.png) no-repeat left bottom;
    text-align: center;
}

.s_icon {
    background: url(../images/start_cat_bg.png) no-repeat;
    width: 131px;
    height: 83px;
    display: block;
}

.fp_s_icon {
    background: url(../images/fp_start_cat_bg.png) no-repeat;
    width: 100px;
    height: 63px;
    display: block;
}

.s_last {
     margin-right: 0;
}

.s_text {
    display: block;
    padding: 0 12px;
    color: #616161;
    font-size: 14px;
    line-height: 14px;
}

.fp_s_text {
    display: block;
    padding: 0 10px;
    color: #616161;
    font-size: 11px;
    line-height: 12px;
}

h2.starter {
    font-size: 20px;
    font-weight: normal;
    color: #497DA4;
    margin: -8px 0 14px;
}

h3.starter {
    color: #01ADEF;
}

/***************************************************************************
 community gallery
 ***************************************************************************/
#contribute_gallery .resource {
    float: left;
    margin: 0 5px 5px 0;
    border: 2px solid #eee;
    padding: 5px;
}

#contribute_gallery div.selected {
    border-color: #f30038;
}

/***************************************************************************
 standalone top red and blue box
 ***************************************************************************/
.bluebox {
    background: url(../images/bluebox_bg.png) repeat-y top center;
    margin: 1em 0;
    width: 620px;
    position: relative;
    z-index: 1000;
    color: #666699;
}
.bluebox .h, .bluebox .f {
    display: block;
    width: 620px;
    height: 7px;
}
.bluebox .single { line-height: 27px; vertical-align: middle; }
.bluebox .h { background: url(../images/bluebox_bg.png) no-repeat top left; }
.bluebox .f { background: url(../images/bluebox_bg.png) no-repeat top right; }
.bluebox .content { padding: 0 10px; }
.bluebox .button { float: right; margin: 0; }

.redbox {
    background: url(../images/redbox_bg.png) repeat-y top center;
    margin: 1em 0;
    width: 620px;
    position: relative;
    z-index: 1000;
    color: #664466;
}
.redbox .h, .redbox .f {
    display: block;
    width: 620px;
    height: 7px;
}
.redbox .h { background: url(../images/redbox_bg.png) no-repeat top left; }
.redbox .f { background: url(../images/redbox_bg.png) no-repeat top right; }
.redbox .content { padding: 0 10px; }
.redbox .button { float: right; margin-right: 0; }

.blueround { position: relative; background: #00adef; }
.blueround .tl, .blueround .tr, .blueround .bl, .blueround .br {
    position: absolute; background: url(../images/bluedot.png) no-repeat; width: 18px; height: 18px; z-index: 1; }
.blueround .tl { top: 0; left: 0; background-position: top left; }
.blueround .tr { top: 0; right: 0; background-position: top right; }
.blueround .bl { bottom: 0; left: 0; background-position: bottom left; }
.blueround .br { bottom: 0; right: 0; background-position: bottom right; }
.blueround .content { color: #fff; margin: 10px 18px 24px; }

/***************************************************************************
 partners
 ***************************************************************************/
.partners {
    margin: 8em 0 0;
    float: left;
}

.partners h4 {
    font-size: 16pt;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.25em;
    margin-bottom: 0.5em;
    color: #ccc;
}

.partners a {
    float: left;
    margin-right: 10px;
}

/***************************************************************************
 sitemap
 ***************************************************************************/
#sitemap { width: 875px; padding: 15px 15px; position: relative; float: left; }
#sitemap .column { float: left; margin-right: 30px; min-width: 120px; }
#sitemap .column.last { margin-right: 0; }
#sitemap h4 { color: #777; font-size: 12px; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #ccc;}
#sitemap a { display: block; color: #a1a1a1; }

/***************************************************************************
 landing pages
 ***************************************************************************/
#landing hr.dashed { margin-right: 0 }
#landingtop { float: left; margin-right: -40px; z-index: 2; position: relative; }
#landingbook { float: left; width: 457px; height: 310px; }
#landingdesc { float: left; width: 370px; padding: 0 0 0 20px; }
#landingdesc h2 { margin: 0; padding: 0; }
#landingdesc hr.dotted { margin: 0.5em 0; }
#landingdesc input.lined { border: 0 none; padding: 0; border-bottom: 1px dotted #889; }
#landingdesc #submit { width: 247px; margin: 1em auto 15px; text-align: center; }
#landingdesc #starter { line-height: 1.8; text-indent: -2em; margin-left: 2em; }
#landingbooks { float: left; width: 450px; }
#landingbooks h2 { margin: 0.25em 0; }
#landinggroup { width: 370px }
#landingtop .gender .boy, #landingtop .gender .girl {
    background: url(../images/landings/gender.png) no-repeat top left;
    width: 36px; height: 16px; cursor: pointer; color: #445;
    font-size: 11px; line-height: 16px; text-align: center;
    padding: 0 10px; vertical-align: middle;
}
#landingtop .gender .boy.selected, #landingtop .gender .girl.selected {
    background-image: url(../images/landings/gender_blue.png);
    color: #fff;
}
#landing #book { float: left; width: 457px; height: 310px; }
#landing #bar {
    background: url(../images/landings/header_bar.png) no-repeat top left; width: 427px; height: 41px; padding: 5px 15px;
    font-size: 15px;
}

/***************************************************************************
 registration page
 ***************************************************************************/
#regform { margin-top: 25px; }
#regform label, #regform .left { font-size: 100%; float: left; width: 11em; margin: 0.25em 8px 8px 6em; text-align: right; z-index: 2; position: relative; }

#regform label.required { font-weight: bold; }
#regform .entry { float: left; margin-bottom: 8px; z-index: 2; position: relative; }
#regform input[type=text], #regform input[type=password], #regform textarea { border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
#regform #birthday_day { width: 5em }
#regform #birthday_year { width: 5em }
#regform #child_birthday_day { width: 5em }
#regform #child_birthday_year { width: 5em }
#regform .button { margin-top: 30px }

#regform .regbox { width: 320px; position: relative; margin-top: -13px; background: url(../images/reg_box_mid.png); float: right; }
#regform .regbox .top, .regbox .bottom { width: 320px; height: 14px; position: absolute; background: url(../images/reg_box_tb.png) no-repeat; }
#regform .regbox .bottom { bottom: 0; background-position: bottom left; }
#regform .regbox .content { margin-left: 18px; margin-right: 16px; margin-top: -5px; font-size: 11px; line-height: 1.2; }
#regform .regbox .content h4 { font-size: 12px; font-weight: bold; color: #00adef; }
#regform .regbox .arrow { position: relative; left: -18px; top: 14px; width: 22px; height: 19px; background: url(../images/reg_box_arrow.png); }

#regform input.error { background: url(../images/reg_error.png) no-repeat 3px 5px; padding-left: 18px; }
#regform select.error { background: url(../images/reg_error.png) no-repeat 3px 5px; padding-left: 18px; }
#regform .disabled { background: #eee; }

#loading_white { width: 600px; height: 100px; background: #fff url(../images/fp_load.gif) no-repeat center center; }

/***************************************************************************
 calendar
 ***************************************************************************/
.calendar { width: 245px; position: relative; }
.calendar .day { float: left; width: 30px; height: 20px; line-height: 20px; color: #005271; margin: 0 5px 5px 0; text-align: center;
    background: url(../images/calendar/bg.png) no-repeat top left; cursor: pointer;
}
.calendar .day.blank { background: #fff; }
.calendar .day.selected { background: url(../images/calendar/bg.png) no-repeat top right; color: #fff; }
.calendar select { width: 49%; margin-bottom: 5px; }

/***************************************************************************
 age related
 ***************************************************************************/
.agemark {
    display: block; float: right; background: #00adef; color: #fff; padding: 0 5px; font-size: 9px; margin: 4px 0 0 5px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#agefilter { display: block; float: left; padding: 3px 3px 3px 8px; background: #6fcff5; color: #003053;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 9px; }
#agefilter span { float: left; margin: 0 5px 0 0; }
#agefilter span.filter { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 5px 0 20px; cursor: pointer; color: #00adef; }
#agefilter span.filter.selected { color: #fff; background: #00adef url(../images/bluecheck.png) no-repeat center left; }
#agefilter #apply_agefilter { color: #fff; background: #003053; }
#agefilter span.filter:hover { background: #003053; }
#agefilter #apply_agefilter:hover { background: #fff; color: #003053; }
#agefilter span.filter.seleced { background: #00adef; }

/***************************************************************************
 testimonials
 ***************************************************************************/
.testimonial { position: relative; margin: 0 0 1em 0; background: #f8f8f8; padding: 1em; }
.testimonial .curl { position: absolute; right: -8px; bottom: -8px; z-index: 1; }
.testimonial h3 { font-size: 12px; color: #000; margin: 0; padding: 0; }
.testimonial blockquote { margin: 1em 2em; font-style: italic; }
.testimonial .source { text-align: right; position: relative; z-index: 100;}

/***************************************************************************
 big orange forms
 ***************************************************************************/
form.bigorange label { font-size: 16px; font-weight: bold; color: #ff6600; }

/***************************************************************************
 fake select-like box
 ***************************************************************************/
.fakeselect { width: 240px; height: 24px; line-height: 24px; font-size: 13.3px; color: #048bc3; background: url(../images/fake_select.png) no-repeat top left; cursor: pointer; }
.fakeselect span { padding-left: 16px; display: block; }
.fakeselect ul { position: absolute; z-index: 10000; background: #f0faff; border: 1px solid #99cde5; margin: 0 10px; border-top: 0 none;
    list-style-type: none; width: 210px; }
.fakeselect ul li { padding: 0 10px; z-index: 10001; }
.fakeselect ul li:nth-child(2n+1) { background: #fff; }

/***************************************************************************
 legal document layout
 ***************************************************************************/
.legal h1 { font-size: 14pt }
.legal h2 { font-size: 12pt }
.legal h3 { font-size: 10.5pt }
.legal ol { margin-left: 3em }
.legal ul { margin-left: 2em }

/***************************************************************************
 row-oriented forms
 ***************************************************************************/
.rowform { width: 100%; clear: both; }
.rowform .row { width: 100%; clear: both; float: left; padding: 5px 0; }
.rowform .row:nth-child(2n+1) { background: #f8f8f8; }
.rowform label { width: 15%; font-size: 100%; float: left; padding-right: 10px; text-align: right;}
.rowform input[type=text], .rowform select, .rowform textarea { width: 50%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.rowform div.input { width: 50%; float: left; }
.rowform div.input textarea, .rowform div.input input[type=text], .rowform div.input select { width: 100% }
.rowform .button { margin-left: 15% }
.rowform .cancel { display:inline-block; font-size:16px; height:32px; line-height:32px; margin-top:10px; vertical-align:middle;
    padding-left: 10px; text-decoration: underline; }

/***************************************************************************
 educators
 ***************************************************************************/
#educator { font-size: 15px; }
#educator #hp_banner { width: 940px; background: url(../images/educator/learnMore_mainframe.png) no-repeat; height: 320px; float: left; left: -33px; position: relative; }
#educator #hp_banner .content { color: #FFF; font-size: 1.2em; padding: 226px 0 0 391px; width: 403px; }
#educator #hp_banner .content a { color: #FFF; }
#educator .testimonial { font-family: "Trebuchet MS"; font-size: 14px; font-size: 14px; width: 300px; background-repeat: no-repeat; background-color: transparent; text-align: left; padding-left: 0; }
#educator #testimonial1 { background-image: url('../images/educator/learnMore_testimonial1.jpg'); padding-top: 47px; float: left; left: 10px; top: 17px; }
#educator #testimonial2 { background-image: url('../images/educator/learnMore_testimonial2.jpg'); padding-top: 20px; float: left; left: 27px; top: 29px; }
#educator #hp_row2 { width: 865px; float: left; margin-top: 20px; position: relative; }
#educator .hp_box { width: 377px; background-image: url(../images/educator/home_boxes.jpg); height: 207px; float: left; padding: 22px; }
#educator .hp_right { background-position: top right; margin-left: 23px; }
#educator .hp_box h3 { margin: 0; color: #05a4df; height: 65px; font-size: 20px; }
#educator .ccancel { color: #60ccef; font-weight: bold; }
#educator ul { padding-left: 1em; font-size: 13px; line-height: 28px; }

#educator #mainframe { background: url(../images/educator/educator_mainframe.png) no-repeat top left; height: 371px; width:953px; position:relative; left:-35px; }
#educator #mainframe .content { color: #FFF; float: left; font-family: "Trebuchet MS", Arial; font-size: 16px; left: 536px; position: relative; top: 175px; width: 333px; }
#educator #mainframe a { position: relative; top: 17px; }
#educator #mainframe a.ccancel { color: #FFF; font-size: 18px; font-weight: normal; margin-left: 15px; }
#educator #lm_more   { width: 865px; background: url(../images/educator/learnmore.jpg) no-repeat bottom left; height: 224px; }
#educator #lm_more   .content { padding: 57px 0 0 443px; width: 390px; }
td .error { color: red; }
td .success { color: #00adef; }
#addsection input { border-width: 0 0 1px 0; }
#addsection td input:focus { background: #f4f4f4; }
#proof { position: absolute; bottom: -20px; right: -20px; }

/***************************************************************************
 educator dashboard
 ***************************************************************************/
#educatorDashboard #mainframe { background: #fff url(../images/educator/dash_bg.png) repeat-x; min-height: 318px; color: #FFF; padding-bottom: 20px}
#educatorDashboard #mainframe .content { padding: 20px 214px 0px 20px; }
#educatorDashboard #mainframe h1 { color: #FFF; font-size: 25px; font-weight: bold; }
#educatorDashboard #mainframe h2 { color: #FFF; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#educatorDashboard #mainframe ul { color: #FFF; list-style-type: none; }
#educatorDashboard #mainframe li { background: url(../images/educator/bullet_purple.png) center left no-repeat transparent; font-size: 16px; margin-top: 10px; padding-left: 20px; }
#educatorDashboard #mainframe a { color: #FFF; text-decoration: underline; }
#educatorDashboard #sidebarImg { float: right; border: none; }
#educatorDashboard #banner1 { background-image: url(../images/educator/bookfair_banner.jpg); float: left; height: 214px; width: 311px; }
#educatorDashboard #banner1 div { color: #FFF; float: left; font-family: "Trebuchet MS", Arial; font-size: 14px; font-weight: bold; left: 192px; position: relative; top: 177px; }
#educatorDashboard #banner2 { /*background-image: url('/images/educator/shareYourIdea_banner.jpg');*/ border: none; float: left; height: 214px; margin-left: 6px; width: 588px; }

#bookfair #mainframe { background: url(../images/educator/bookfair/mainframe.jpg) top left no-repeat; height: 315px; }
#bookfair #about { background-color: #e0d6b2; margin-top: 10px; padding: 15px; }
#bookfair #about h2 { color: #942600; font-size: 24px; margin-bottom: 10px; }
#bookfair #button1 { width: 200px; height:38px; margin: 20px auto; }
#bookfair #button1 a { display:block; background: url(../images/educator/bookfair/contactUs_up.png) top left no-repeat; width: 200px; height:38px; }
#bookfair #button1 a:hover { background-image: url(../images/educator/bookfair/contactUs_down.png); }


/***************************************************************************
 contests
 ***************************************************************************/
#contestbox { margin-top: 10px; font-size: 14px; line-height: 22px; color: #353535; }
#contestbox .header { margin: 0 0 0 -21px; position: relative; z-index: 1000; }
#contestbox .header h1 { background: url(../images/contests/banner_top.png) no-repeat; margin: 0;
    color: #fff; font: 24px Palatino Linotype, Palatino, Georgia, san-serif; font-weight: bold; text-align: center;
    margin-left: 1px; padding-top: 34px; width: 903px; height: 57px; text-transform: uppercase; letter-spacing: 1px; }
#contestbox .header h1 span { font-size: 35px; font-weight: normal; letter-spacing: 0; }
#contestbox .body { width: 801px; border: 2px solid #fdde38; border-width: 0 2px; padding: 0 30px }
#contestbox .call_to_action { font: 22px/30px "Century Gothic", "Gill Sans", Arial, san-serif; color: #d63647;
    position: relative; width: 575px; }
#contestbox h1 { color: #d63647; margin: 0; position: relative; }
#contestbox .logo { float: right; margin: -20px 0 20px 20px ; }
#contestbox .boxblurb { margin: 20px 0 0 50px; }
#contestbox .prizes { margin: 12px 0 0 50px; font-size: 14px; line-height: 22px; color: #353535; padding-bottom: 10px; }
#contestbox .body h3 { color: #d63647; font-size: 18px; font-weight: normal; margin: 0; padding: 8px 0; }
#contestbox .prizes li { list-style-type: none; background: url(../images/contests/li_arrow.png) no-repeat 0 7px; padding-left: 1em; }
#contestbox .footer { background: url(../images/contests/banner_btm.png) no-repeat bottom left; width: 865px; height: 67px; position: relative; }
#contestbox .footer ul { float: left; margin: 0 0 0 30px; }
#contestbox .footer li { display: block; float: left; margin-right: 10px;
    width: 130px; height: 52px; line-height: 18px; overflow: hidden; }
#contestbox .footer li a { color: #fff; display: block; padding: 8px 10px 0; height: 44px; overflow: hidden;
    background: url(../images/contests/spark_tab.png) no-repeat top left; }
#contestbox .footer li a:hover { color: #000; text-decoration: none; background-position: bottom left; }
#contestbox .badge { position: absolute; right: -28px; bottom: -22px; width: 132px; height: 100px; padding: 32px 0 0 0;
    background: url(../images/contests/badge.png) no-repeat; color: #fff; text-align: center; }
#contestbox .badge .sb { margin: 0 29px 2px; border-bottom: 1px solid #fff; padding-bottom: 2px;
    font-size: 12px; font-weight: bold; letter-spacing: 0.5px; }
#contestbox .badge .date { font-size: 18px; font-weight: bold; }

/***************************************************************************
 guest homepage + static pods
 ***************************************************************************/
.home .mainpod { position: relative; background: #fff; float: left; }
  .home .ir { display: block; overflow: hidden; text-indent: -1000em; zoom: 1; }
  .home .hoverable:hover { background-position: bottom left !important; }
  .home .mainpod .pod { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.home .bookpod { background: #fff; position: relative; }
  .home .bookpod h2 { margin: 0; padding: 0 0 20px; line-height: 34px; }
    .home .bookpod h2 a { background: none; padding: 0; color: #74b5e0; font-size: 26px; font-style: italic; }
    .home .bookpod h2 span { margin: 0 8px 0 0; height: 34px;
        padding-right: 10px; border-right: 1px solid #8dc2e5; float: left; }
    .home .bookpod .morelink { position: absolute; right: 192px; bottom: 0; width: 108px;
        -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
        background: #68bfde; font-size: 14px; text-align: center; padding: 3px 0; }
    .home .bookpod .morelink a { color: #fff }

.home .tikpicks { padding: 20px; margin-top: 6px; }
  .home .tikpicks h2 span { background: url(../images/guesthome/h2_picks.png) no-repeat center left; width: 163px; }
  .home .tikpicks .books { width: 720px; float: left; }
  .home .tikpicks .submit { width: 148px; padding-top: 163px; float: left; margin-right: -10px;
    background: url(../images/guesthome/picks_submit_top.png) no-repeat 0 0; }
  .home .tikpicks .submit a { width: 100%; height: 40px;
      background: url(../images/guesthome/picks_submit_btn.png); }

#ghome .mainpod { margin: 0 6px 6px 0; width: 682px; height: 404px; }
  #ghome .pod.create { background: url(../images/guesthome/pod_create_bg.jpg) }
    #ghome .pod.create h1 { background: url(../images/guesthome/h1_create.png); z-index: 2;
        position: absolute; left: 260px; top: 42px; width: 399px; height: 105px; }
    #ghome .pod.create .create_link { position: absolute; left: 389px; top: 210px; z-index: 3;
        background: url(../images/guesthome/create_book_top.png) no-repeat 53px 0; width: 268px; padding-top: 57px; }
    #ghome .pod.create .create_link a { background: url(../images/guesthome/create_book.png) 0 0;
        width: 268px; height: 58px; display: block; }
    #ghome .pod.create .social { position: absolute; right: 7px; bottom: 7px; color: #4476a7; font-size: 10px; }
      #ghome .pod.create .social a { float: left; width: 32px; height: 32px; display: block; margin-left: 4px;
          background: url(../images/guesthome/social_icons.png); }
      #ghome .pod.create .social .facebook { background-position: 0 0; }
      #ghome .pod.create .social .facebook:hover { background-position: 0 -32px; }
      #ghome .pod.create .social .twitter { background-position: -32px 0; }
      #ghome .pod.create .social .twitter:hover { background-position: -32px -32px; }
  #ghome .child { position: absolute; left: 0; top: 0; background: url(../images/guesthome/kids_rotate2.jpg) no-repeat;
      height: 404px; z-index: 1; }
    #ghome .child.c0 { width: 342px; background-position: 0 0; }
    #ghome .child.c1 { width: 304px; background-position: -342px 0; }
    #ghome .child.c2 { width: 263px; background-position: -646px 0; }
  #ghome .markers { position: absolute; left: 0; bottom: 0; list-style-type: none; z-index: 1000; }
    #ghome .markers li { float: left; background: url(../images/guesthome/marker_bg.png) no-repeat top right;
        margin-left: 8px; padding: 0 10px 0 5px; height: 18px; line-height: 18px; color: #fff; font-size: 12px;
        cursor: pointer; white-space: nowrap; }
      #ghome .markers li:hover { text-shadow: 0 0 3px #fff; }
      #ghome .markers li span { background: url(../images/guesthome/marker_bg.png) no-repeat top left;
          width: 5px; height: 18px; margin-left: -10px; display: block; float: left; }
      #ghome .markers li.selected { background-position: bottom right; }
        #ghome .markers li.selected span { background-position: bottom left; }
#ghome .steppod { position: relative; width: 217px; height: 404px; margin-left: 688px; }
  #ghome .steppod h2 { background: url(../images/guesthome/h2_publish.png); width: 217px; height: 55px; }
  #ghome .steppod ul { list-style-type: none; background: url(../images/guesthome/steps_bg.jpg);
      float: left; width: 217px; height: 349px; }
  #ghome .steppod li { height: 64px; width: 130px; background: url(../images/guesthome/steps_text.png);
        margin: 18px 0 52px 18px; }
    #ghome .steppod li.step1 { background-position: 0 0; }
    #ghome .steppod li.step2 { background-position: 0 -64px; }
    #ghome .steppod li.step3 { background-position: 0 -128px; }

/***************************************************************************
 member homepage + static pods
 ***************************************************************************/
#mhome .mainpod { width: 865px; height: 300px; margin-bottom: 25px; }
  #mhome .pod.welcome { background: url(../images/members/pods/welcome/bg.png) }
    #mhome .pod.welcome h1 { background: url(../images/members/pods/welcome/h1.png); z-index: 2;
        position: absolute; left: 25px; top: 25px; width: 551px; height: 42px; }
    #mhome .pod.welcome .tagline { background: url(../images/members/pods/welcome/h2.png); z-index: 2;
        position: absolute; left: 203px; top: 77px; width: 374px; height: 51px; }
    #mhome .welcome .buttons { position: absolute; left: 28px; top: 157px; }
      #mhome .welcome .buttons a { display: block; position: relative; float: left; width: 122px; height: 122px;
          margin-left: 18px; }
        #mhome .welcome .buttons a:hover { color: #fff; text-decoration: none; }
        #mhome .welcome .buttons a span { display: block; text-align: center; color: #fff; font-size: 20px;
            margin-top: 69px; line-height: 1.1; }
      #mhome .welcome .create { background-image: url(../images/members/pods/welcome/create.png); }
      #mhome .welcome .read   { background-image: url(../images/members/pods/welcome/read.png); }
      #mhome .welcome .shelf  { background-image: url(../images/members/pods/welcome/bookshelf.png); }
  #mhome .markers { display: block; position: absolute; width: 100%; height: 24px;
      position: absolute; left: 0; bottom: -24px; text-align: center;
      background: url(../images/members/banner_shadow.png) no-repeat top center; }
    #mhome .markers li { overflow: hidden; text-indent: -1000em; background: url(../images/members/dot.png);
        width: 10px; height: 10px; display: inline-block; margin: 9px 5px 0; cursor: pointer; }
      #mhome .markers li.selected { background: url(../images/members/dot_sel.png); }
#mhome .bookpod { padding: 0 0 10px; background: url(../images/members/faded_line.png) no-repeat bottom center;
    margin-bottom: 15px; }
  #mhome .tikpicks .submit { margin: -20px -10px 20px 0; }
  #mhome .mybooks { }
    #mhome .mybooks h2 span { background: url(../images/members/my_books.png) no-repeat center left; width: 119px;
        margin: 3px 10px -5px 0; }
    #mhome .mybooks .books { width: 100%; float: left; margin-right: -20px; }

/***************************************************************************
 breadcrumbs
 ***************************************************************************/
#breadcrumbs { float: right; margin-top: -3px; }
#breadcrumbs th { background: #fff; color: #000; font-size: 11px; font-weight: normal; line-height: 110%; text-align: right; }
#breadcrumbs th.highlight { color: #e50208; }
#breadcrumbs td { background: url(../images/forward.png) no-repeat left; height: 48px; padding-left: 6px; width: 37px;
    color: #fff; font-size: 18px; font-weight: bold; text-align: left; }
#breadcrumbs td.highlight { background: url(../images/forwardhighlight.png) no-repeat left; }

/***************************************************************************
 product selector
 ***************************************************************************/
#product_select { background: #75ccef; padding: 47px 20px 32px; margin-bottom: 10px; position: relative;
    font-size: 14px; color: #000000; clear: right; }
#product_select .prod_kids { position: relative; left: 8px; top: 142px; z-index: 20000; height: 0; }
#product_select .prod_kids_btm { padding-left: 8px;}

#product_select h1, #product_select h2, #product_select h4 a, #product_select h5 {
    display: block; text-indent: -10000px; overflow: hidden; width: 236px; position: relative; z-index: 10000;
    background: url(../images/guesthome/create_titles.png) no-repeat; }
#product_select h5 { height: 21px; margin-bottom: 20px; }

#product_select .b0 { clear: both; padding-bottom: 20px; }
#product_select h1 { background-position: 0 0; height: 26px; margin: 0 0 9px 0; }
#product_select h2 { background-position: 0 -26px; height: 17px; width: 322px; margin: 0 }

#product_select .box { background: url(../images/guesthome/create_dashes.png) repeat-y top left; position: relative;
    float: left; height: 384px; position: relative; }
.big_start, #product_select .start { text-indent: -1000em; overflow: hidden; position: absolute; z-index: 100;
    right: 0; bottom: 0; width: 243px; height: 59px; left: 25px;
    background: url(../images/guesthome/create_start.png) no-repeat top left; }
.big_start:hover, #product_select .start:hover { background-position: bottom left }

#product_select .b1 { width: 238px; padding: 0 24px; }
#product_select .b1 h4 a { background-position: 0 -43px; height: 28px; margin-bottom: 5px; width: 255px; }
#product_select .b1 h5 { background-position: 0 -122px; }

#product_select .b2 { width: 223px; padding: 0 28px 0 37px; }
#product_select .b2 h4 a { background-position: 0 -71px; height: 29px; margin-bottom: 5px; }
#product_select .b2 h5 { background-position: 0 -143px; }

#product_select .b3 { width: 239px; padding: 0 18px 0 30px; }
#product_select .b3 h4 a { background-position: 0 -100px; height: 22px; margin-bottom: 12px; }
#product_select .b3 h5 { background-position: 0 -164px; }

#product_select .b4 { width: 3px; padding: 0; }

/***************************************************************************
 steps
 ***************************************************************************/
#steps .marker { width: 60px; height: 60px; float: left; margin: 0px 20px 0 0;
    background: url(../images/help/123.png) no-repeat 0 100px; display: block; }
#steps .row { clear: both; margin-bottom: 10px; padding: 0 10px 0 0; }
#steps .step1 { background-position: 0 0 }
#steps .step2 { background-position: 0 -60px }
#steps .step3 { background-position: 0 -120px }
#steps .spacer { display: block; height: 15px; }

/***************************************************************************
 ship reminder
 ***************************************************************************/
#shipReminder { position: absolute; width: 350px; z-index: 1000; right: 50px; bottom: 53px;}
#shipReminder .head { height: 52px; background: url(../images/remind_top.png); }
#shipReminder .head h3 { margin: 0 0 0 60px; font-size: 16px; color: #fff; font-weight: normal; line-height: 35px; vertical-align: middle; }
#shipReminder .body { padding: 0 10px; background: url(../images/remind_mid.png) repeat-y; float: left; clear: both; }
#shipReminder .foot { height: 39px; background: url(../images/remind_btm.png); clear: both; }
#shipReminder th { color: #000; background: #fff; border-bottom: 2px solid #00adef; }
#shipReminder td { border-bottom: 1px dotted #ccc; }
#shipReminder .buttons { margin: 20px -10px 0 0; float: right; }

/***************************************************************************
 library landing page
 ***************************************************************************/
#libland { position: relative; }
#libland .leftbox { background: #75ccef url(../images/educator/lib_bg.jpg) no-repeat bottom left;
    width: 509px; height: 537px; float: left; position: relative; }
#libland .leftbox .content { padding: 39px 33px; font-size: 16px; line-height: 21px; color: #fff; text-align: center; }
#libland .leftbox h1 { text-indent: -1000em; overflow: hidden; width: 443px; height: 116px;
    background: url(../images/educator/lib_header.png); }
#libland .rightbox { width: 400px; margin: 0 -10px 0 6px; position: relative; float: left; }
#libland .r123 li { width: 126px; height: 277px; margin-right: 6px; float:left;
    background: #75ccef; list-style-type: none; display: block; }
#libland .r123 b { background: url(../images/educator/lib_123.png) no-repeat; text-indent: -1000em; overflow: hidden;
    height: 88px; margin: 39px auto 0; display: block; }
#libland .r1 b { background-position: 0 0; width: 101px; }
#libland .r2 b { background-position: -101px 0; width: 108px; }
#libland .r3 b { background-position: -209px 0; width: 103px; }
#libland .overlay123 { background: url(../images/educator/lib_123_bg.png) no-repeat; width: 389px; height: 139px;
    position: absolute; bottom: -11px; left: -5px; }
#libland .rbbox { width: 372px; height: 218px; margin: 6px 0 0 6px; position: relative; float: left; padding: 18px 9px;
    background: #75ccef; font-size: 16px; line-height: 21px; color: #fff; }
#libland .rbbox ul { margin: 0; padding: 0; list-style-type: none; }
#libland .rbbox li { float: left; width: 80px; margin: 23px 22px 18px;
    font-weight: bold; font-size: 14px; text-align: center; }
#libland .rbbox li b { background: url(../images/educator/lib_fmt.png) no-repeat; height: 49px; margin: 0 auto;
    display: block; }
#libland .rbbox .p1 b { background-position: 0 0; width: 54px; }
#libland .rbbox .p2 b { background-position: -54px 0; width: 51px; }
#libland .rbbox .p3 b { background-position: -105px 0; width: 31px; }
#libland .rbbox .quote { font-size: 14px; line-height: 1.2; }
#libland .star { display: block; position: absolute; left: 250px; bottom: -4px; width: 130px; height: 130px;
    background: url(../images/educator/lib_star.png) no-repeat; text-indent: -1000em; overflow: hidden; }


/***************************************************************************
 thumbnail preview for starter stuff
 ***************************************************************************/
.thumbnail .buttons { position: absolute; z-index: 10; margin: 0 -9px }
.thumbnail .buttons a { display: block; float: left; height: 22px; background: url(../images/books2go/buttons.png) no-repeat; }
.thumbnail .buttons .create { width: 57px; background-position: top left; margin-right: 4px; }
.thumbnail .buttons .preview { width: 65px; background-position: top right; }

#btg_popup { position: absolute; padding: 0 19px 0 45px; width: 338px; height: 267px;
    background: url(../images/books2go/popup.png) no-repeat; z-index: 1000 }
#btg_popup .title { font-weight: bold; color: #ccc; vertical-align: middle; height: 23px; padding-top: 4px;
    display: block; line-height: 28px; text-align: left; }
#btg_popup .close { width: 14px; height: 28px; display: block; float: right; cursor: pointer; }
#btg_popup iframe { width: 358px; margin: 0 -10px; height: 207px; }
#btg_popup .create-this { display: block; position: absolute; right: 0; bottom: 6px; width: 167px; height: 26px; line-height: 26px; color: #836400; font-weight: bold; font-size: 14px; }

/***************************************************************************
 books to go
 ***************************************************************************/
#btg { background: #75ccef; padding: 29px 20px; position: relative; font-size: 14px; }
#btg h1 { text-indent: -10000px; overflow: hidden; margin: 0 0 9px 0; height: 33px; line-height: 33px;
    background: url(../images/books2go/title.png) no-repeat 0 0; }
#btg h4 { text-indent: -10000px; overflow: hidden; height: 16px; line-height: 16px;
    background: url(../images/books2go/title.png) no-repeat bottom left; }
#btg .holder { margin: 28px -25px 0 21px; }
#btg .tallbanner { float: right; margin: 28px 0 0; width: 180px; overflow: hidden; }
#btg .tallbanner img { max-width: 180px; }
#btg .thumbnail { position: relative; margin: 0 37px 18px 0; cursor: pointer; overflow: visible; }
#btg .thumbnail .link { display: block; text-align: center; padding-right: 20px; font-size: 14px; line-height: 17px; vertical-align: top; }
#btg .thumbnail a { color: #fff; font-weight: bold; }
#btg .thumbnail b { display: block; position: absolute; left: 0; top: 0; width: 143px; height: 150px;
    background: url(../images/books2go/book_ovl.png) no-repeat; cursor: pointer; }
#btg .diff { clear: both; }
#btg .diff h2 { margin: 0 0 4px; font-size: 16px; font-weight: normal; }
#btg .diff a { display: block; float: left; }
#btg .diff .sparks { margin-top: -28px; }
#btg .diff .or { float: left; padding: 60px 9px 0 2px; }
#btg #btg_popup { position: absolute; padding: 0 19px 0 45px; width: 338px; height: 267px;
    background: url(../images/books2go/popup.png) no-repeat; z-index: 1000 }
#btg #btg_popup .title { font-weight: bold; color: #ccc; vertical-align: middle; height: 23px; padding-top: 4px;
    display: block; line-height: 28px; text-align: left; }
#btg #btg_popup .close { width: 14px; height: 28px; display: block; float: right; cursor: pointer; }
#btg #btg_popup iframe { width: 358px; margin: 0 -10px; height: 207px; }
#btg .create-this { display: block; position: absolute; right: 7px; bottom: 5px; width: 147px; height: 26px; }
#btg .buttons { position: absolute; left: 0; top: 125px; z-index: 10; margin: 0 -9px }
#btg .buttons a { display: block; float: left; height: 22px; background: url(../images/books2go/buttons.png) no-repeat; }
#btg .buttons .create { width: 57px; background-position: top left; margin-right: 4px; }
#btg .buttons .preview { width: 65px; background-position: top right; }
#btg .thumbnail .buttons { left: 0; top: 125px; }

/***************************************************************************
 landing pages
 ***************************************************************************/
#peek { cursor:pointer; }
#peek .badge { background: url(../images/landings/badge.png); width:80px; height:80px;
    position: absolute; right: -40px; top: 50%; margin-top: -40px; z-index: 30 }
#peek .badge div { text-decoration: none; color: white; font-size: 17px; font-weight: bold; padding-top: 17px; }
#peek .cover { position: relative; margin: 0 auto; }
#peek .cover .bg { width: 100%; height: 100%; }
#peek .cover .shading { position: absolute; width: 100%; height: 100%; background: url(../images/pbook_cover_overlay.png) repeat-y top left; }

.sb_box  input.tik_spinner,  input.tik_spinner {
    width: 24px; height: 20px; line-height: 20px;
    padding-right: 42px; background: url(../images/spin_buttons.png) no-repeat center right;
    text-align: right; cursor: pointer;
}
.sb_box  input.tik_spinner:hover { background-position: center right; }

/***************************************************************************
 calendars index
 ***************************************************************************/
#calendars .thumbnail .buttons { left: 10px; top: 125px; }
#calendars .thumbnail { position: relative; margin: 0 37px 0 0; cursor: pointer; overflow: visible; }
#calendars .link { display: none }

/***************************************************************************
 BANNER PREVIEW/EDIT
 ***************************************************************************/
#memberBanner { position: relative; margin: 5px 0 10px; }
#memberBanner .ovl { position: absolute; left: 0; top: 0; display: block; z-index: 30; }
#memberBanner .shadow { display: block; position: relative; z-index: 1000; margin-bottom: -11px; padding-top: 270px;}
#memberBanner .tabs { list-style-type: none; margin: 0 0 10px 20px; padding: 0; height: 22px; height: 22px; }
#memberBanner .tabs li { display: block; position: relative; float: left; background: url(../images/hp_banner/banner_tab_inact.png) no-repeat top left; height: 100%;
    padding: 0 10px; line-height: 20px; margin-right: 20px; color: #00577a; }
#memberBanner .tabs li span { display: block; position:absolute; right: -30px; top: 0; background: url(../images/hp_banner/banner_tab_inact.png) no-repeat top right;
    width: 30px; height: 100%; }
#memberBanner .tabs li.active { background-image: url(../images/hp_banner/banner_tab_active.png); color: #000; }
#memberBanner .tabs li.active span { background-image: url(../images/hp_banner/banner_tab_active.png); }

.banner { position: absolute; left: 0; top: 0; width: 865px; height: 270px; z-index: 1001; }
.banner .bodylink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 31; }
.banner .bg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.banner .cont { position: absolute; left: 0; top: 0; z-index: 40; }
.banner .banner_video { height: 230px; position: absolute; left: 17px; top: 17px; }
.banner .banner_video .vcont { height: 100% }
.banner .play { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin: -25px; z-index: 1000;
    background: url(../images/hp_banner/play.png) no-repeat; cursor: pointer; }
.banner .banner_buttons { width: 350px; line-height: 41px; position: absolute; z-index: 2000; }
.banner .learn {
    display: inline-block; line-height: 41px; height: 41px; width: 160px; text-align: center;
    font-size: 16px; text-decoration: underline; white-space: nowrap; vertical-align: middle; }

/***************************************************************************
 CAMPAIGN TOP RIBBON
 ***************************************************************************/
.ribbon { background: #E50208 url(../images/ribbon_bg.png) repeat-x; height: 40px; line-height: 40px;
    color: white; font-size: 13px; margin-bottom: 5px; }
.ribbon .content { position: relative; width: 780px; margin: 0 auto; padding-left: 125px; font-size: 22px; }
.ribbon .details { position: absolute; right: 0; top: 0; font-size: 12px; line-height: 14px; padding-top: 6px; text-align: right; }
.ribbon .details a { color: #eee; }

/***************************************************************************
 FACEBOOK PAGES
 ***************************************************************************/
#fbpage { background: #fff !important; }
  #fbpage #footer { width: auto; margin: 0; padding: 50px 0 0; }
  #fbpage #footer .copyright, #fbpage #footer .nav { position: static; text-align: left; font-size: 11px; }