@font-face {
    font-family: "BPreplayRegular";
    src: url(../fonts/BPreplay-webfont.eot);
    src: url(../fonts/BPreplay-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/BPreplay-webfont.woff) format("woff"), url(../fonts/BPreplay-webfont.ttf) format("truetype"), url(../fonts/BPreplay-webfont.svg#BPreplayRegular) format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "BPreplayItalic";
    src: url(../fonts/BPreplayItalics-webfont.eot);
    src: url(../fonts/BPreplayItalics-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/BPreplayItalics-webfont.woff) format("woff"), url(../fonts/BPreplayItalics-webfont.ttf) format("truetype"), url(../fonts/BPreplayItalics-webfont.svg#BPreplayItalic) format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "BPreplayBold";
    src: url(../fonts/BPreplayBold-webfont.eot);
    src: url(../fonts/BPreplayBold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/BPreplayBold-webfont.woff) format("woff"), url(../fonts/BPreplayBold-webfont.ttf) format("truetype"), url(../fonts/BPreplayBold-webfont.svg#BPreplayBold) format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "BPreplayBoldItalic";
    src: url(../fonts/BPreplayBoldItalics-webfont.eot);
    src: url(../fonts/BPreplayBoldItalics-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/BPreplayBoldItalics-webfont.woff) format("woff"), url(../fonts/BPreplayBoldItalics-webfont.ttf) format("truetype"), url(../fonts/BPreplayBoldItalics-webfont.svg#BPreplayBoldItalic) format("svg");
    font-weight: normal;
    font-style: normal
    }



body, html {
    margin: 0;
    padding: 0
    }

body {
    background-color: #FFF;
    text-align: center;
    font-size: 16px
    }

body, input, select, textarea, option {
    font-family: BPreplayRegular, arial, helvetica, sans-serif;
    color: #9F9E9E
    }

input, select, textarea, table {
    font-size: 100%
    }

a, a:link {
    color: #6D99ED;
    }

a:visited {
    color: #A6A3C5;
    }

a:hover, a:active {
    color: #D059C6;
    }

h2 {
    margin: 8px 0 16px 0;
    color: #9BBBCF;
    font-size: 1.4em;
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif;
    text-align: left
    }

h2, h2 a {
    font-weight: normal !important
    }

#container {
    width: 960px;
    text-align: justify;
    margin: 0 auto 0 auto;
    position: relative
    }

#container2 {
    background-image: url(../images/grid.gif);
    background-repeat: repeat;
    background-position: top left
    }

#header {
    position: relative;
    z-index: 150
    }

#ad1 {
    position: absolute;
    top: 18px;
    left: 270px;
    background: #FFF;
    width: 468px;
    height: 60px
    }

img {
    border: 0
    }

#logo {
    position: relative;
    left: -26px;
    top: 7px;
    z-index: 100;
    width: 304px;
    height: 212px
    }

#strap_line span {
    display: none
    }

#strap_line {
    background-image: url(../images/strapline.gif);
    width: 433px;
    height: 30px;
    position: absolute;
    left: 270px;
    top: 162px;
    z-index: 200
    }

button {
    cursor: pointer;
    padding: 0;
    border: 0
    }

#search_box {
    width: 236px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 158px;
    z-index: 200
    }

#search_box input {
    border: 3px solid #BBCCEC;
    background: #FFF;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 188px;
    height: 24px;
    color: #9cd4f6;
    padding: 3px 0 0 3px;
    z-index: 1;
font-size: 0.9em
    }

#search_box button {
    position: absolute;
    top: 5px;
    right: 0;
    height: 33px;
    /*border: 0;*/
    z-index: 0;
    padding: 0 4px 0 32px;
    text-transform: lowercase
    }

#search_box button span {
    position: relative;
    top: -2px
    }

#footer {
    background-color: #8CB93F;
    background-repeat: repeat-x;
    background-position: top left;
    width: 100%;
    padding-top: 32px;
    height: 320px
    }

#footer_inner {
    width: 928px;
    margin: 0 auto 0 auto;
    position: relative
    }

#front_bar {
    margin: 64px 0 48px 0;
    position: relative;
    left: 8px;
    height: 192px
    }

div#quotes {
    text-align: left;
    float: left;
    background-image: url(../images/quote.gif);
    background-position: 0 30px;
    background-repeat: no-repeat;
    width: 100%;
    margin-right: 16px;
    margin-top: -48px
    }

div#quotes p {
    margin: 24px 0 0 60px;
    font-size: 1.6em;
    letter-spacing: -0.01em
    }

div#quotes p strong {
    display: block;
    font-size: 0.8em;
    margin: 8px 0 0 0;
    color: #94A8CE
    }

#footer_col_1 h2, #footer_col_2 h2, .conduit_form h2 {
    margin: 0 0 16px 0
    }

#footer_col_1 h2 span, #footer_col_2 h2 span, .conduit_form h2 span {
    display: none
    }

#footer_col_1 h2 {
    width: 189px;
    height: 33px;
    background-image: url(../images/be_our_friend.gif);
    background-repeat: no-repeat;
    background-position: top left
    }

#footer_col_2 h2, #conduit_form_suggest h2 {
    width: 262px;
    height: 34px;
    background-image: url(../images/suggest_a_resource.gif);
    background-repeat: no-repeat;
    background-position: top left
    }

#conduit_form_mailing h2 {
    width: 269px;
    height: 34px;
    background-image: url(../images/join_the_mailing_list.gif);
    background-repeat: no-repeat;
    background-position: top left
    }

#footer_col_1 {
    width: 288px;
    margin-right: 32px;
    height: 100px;
    float: left
    }

#footer_col_2 {
    width: 288px;
    margin-right: 32px;
    height: 100px;
    float: left;
    text-align: left
    }

#footer_col_3 {
    width: 288px;
    height: 100px;
    float: left;
    text-align: left
    }

#col1 {
    width: 192px;
    float: left;
    text-align: center
    }

#col2 {
    float: right;
    width: 736px;
    position: relative;
    top: -32px
    }

h1 {
    color: #21A1F4;
    font-size: 1.8em;
    letter-spacing: -0.01em;
    text-align: left;
    font-weight: bold;
    margin: 32px 0 16px 0;
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif
    }

/*
 Sticky Footer Solution
 by Steve Hatcher
 http://stever.ca
 http://www.cssstickyfooter.com
 */
/*
 * {margin:0;padding:0;}
 */
/* must declare 0 margins on everything, also for main layout components use padding, not
 vertical margins (top and bottom) to add spacing, else those margins get added to total height
 and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body, #container {
    height: 100%
    }

body > #container {
    height: auto;
    min-height: 100%
    }

#main {
    padding-bottom: 320px
    }

/* must be same height as the footer */
#footer {
    position: relative;
    margin-top: -320px;
    /* negative value of footer height */
    height: 320px;
    clear: both
    }

/* CLEAR FIX*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
    }

.clearfix {
    display: inline-block
    }

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%
    }

.clearfix {
    display: block
    }

/* End hide from IE-mac */
ul#categories, ul#categories li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative
    }

ul#categories li .arrow {
    position: absolute;
    top: -4px;
    right: 8px;
    font-size: 1.7em;
    color: #5ac0ff;
    display: none
    }

ul#categories li .selected .arrow {
    color: #a8e8ff
    }

ul#categories li a:hover .arrow {
    color: #c4f3ff
    }

ul#categories {
    background: #1F9FEF;
    padding: 16px;
    text-align: left;
    margin: 0 0 32px 0;
    font-size: 0.9em
    }

ul#categories li li {
    margin-left: -24px
    }

ul#categories li a {
    padding: 4px 8px 4px 8px;
    display: block;
    margin: 0 0 8px 0;
    font-weight: normal;
    color: #FFF;
    text-decoration: none
    }

ul#categories li a:hover, ul#categories li a.selected, ul#categories * a.selected {
    background: #4FBCFF
    }

ul#categories.photos li a:hover, ul#categories.photos li a.selected, ul#categories.photos * a.selected {
    background: #efc34b
    }

ul#categories li h1 {
    color: #FFF;
    padding: 0;
    margin: 0;
    font-size: 1.5em
    }

ul#categories ul li {
    display: none;
    /*2nd level*/
    }

ul#categories ul li li {
    display: none;
    /*3rd level*/
    }

ul#categories .selected ul li {
    display: block
    }

ul#categories li.selected .not-selected li {
    display: none
    }

#page_content {
    margin: 0 0 32px 0;
    z-index: 300
    }

ul#resources, ul#resources li {
    padding: 0;
    margin: 0;
    list-style-type: none
    }

ul#resources li, ul#resource_packs li {
    display: block;
    width: 404px;
    height: 128px;
    float: left;
    margin: 0 0 16px 0;
    border: 1px solid #DDD;
    overflow: hidden;
    position: relative
    }

ul#resources li img {
    position: absolute;
    top: 16px;
    left: 16px;
    border: 1px solid #EEE;
    -webkit-box-shadow: 0 2px 2px #B4BCDF;
    -moz-box-shadow: 0 2px 2px #B4BCDF;
    box-shadow: 0 2px 2px #B4BCDF
    }

ul#resources li:hover a img, ul#resources li a:hover img {
    border: 1px solid #DDD;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }

button img, .button img {
    border: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
    }

ul#resources li h2 {
    margin-top: 0;
    text-align: left;
    font-size: 1.3em;
    letter-spacing: -0.01em;
    line-height: 0.4em
    }

ul#resources li h2 a {
    color: #acabab;
    text-decoration: none
    }

ul#resources li a.moreinfo {
    position: absolute;
    left: 196px;
    bottom: 16px;
    font-size: 0.9em;
    padding: 2px 4px 2px 4px;
    width: 184px;
    text-align: center
    }

ul#resources li a.moreinfo span {
    position: relative;
    top: -2px
    }

ul#resources li a.moreinfo img {
    float: none;
    position: relative;
    top: 0;
    left: 0;
    margin: 0
    }

.resource img {
    margin-bottom: 16px
    }

.resource a.print {
    position: relative;
    top: 8px
    }

label {
    font-weight: normal;
    cursor: pointer;
    display: block;
    margin: 16px 0 4px 0;
    font-family: BPreplayItalic, arial, helvetica, sans-serif;
    color: #21A1F4;
    position: relative
    }

#footer label, .conduit_form label {
    color: #d5fa96;
    text-align: right;
    display: block;
    float: left;
    width: 80px;
    margin: 0 8px 0 0;
    cursor: pointer
    }

#footer input, #footer textarea, .conduit_form input, .conduit_form textarea {
    width: 190px;
    border: 0;
    padding: 4px;
    margin: 0 0 16px 0
    }

textarea {
    height: 55px;
    font-size: 0.9em
    }

#footer_col_3 {
    color: #FFF;
    line-height: 1.65em;
    text-align: center
    }

#footer_col_3 strong {
    color: #d5fa96
    }

#footer_col_3 a {
    color: #FFF;
    font-weight: bold
    }

table#search_results {
    width: 100%
    }

table#search_results th {
    background: #1A8ED6;
    color: #FFF;
    padding: 4px;
    font-size: 1.1em
    }

table#search_results th.first {
    width: 232px;
    padding-left: 8px
    }

table#search_results td {
    padding: 4px;
    border-bottom: 1px solid #EEE;
    cursor: pointer;
    text-align: left
    }

table#search_results tr:hover {
    background: #e9f0ff
    }

table#search_results tr:hover a {
    color: #D059C6
    }

table#search_results td img {
    margin: 16px
    }

.pager_bar {
    background-color: #EAF7FF;
    margin: 16px 0 16px 0;
    padding: 6px 6px 6px 6px;
    color: #4188AF;
    clear: both;
text-align: center;
border: 2px solid #95CDEF
    }

.pager_bar a {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 8px 8px 8px;
color: #95CDEF;
    }

.pager_bar a.selected {
        color: #4188AF;
    }

.pager_bar a:hover
{
color: #68A7C9
}


input.checkbox, #footer_col_2 input.checkbox, .conduit_form input.checkbox {
    border: 0 !important;
    width: auto !important
    }

#footer_col_2 label.checkbox, .conduit_form label.checkbox {
    width: 264px
    }

#footer_col_1 ul, #footer_col_1 ul li {
    text-align: left;
    margin: 0 0 23px 0;
    padding: 0;
    list-style-type: none;
    line-height: 1.9em
    }

#footer_col_1 ul li {
    float: left
    }

#footer_col_1 ul li a {
    color: #FFF;
    text-decoration: none
    }

#footer_col_1 ul li a img {
    margin: 0 4px 0 16px;
    position: relative;
    top: 3px
    }

#footer_col_1 p {
    width: 270px
    }

li.division {
    background: #2FB0FF;
    height: 3px;
    display: block;
    border: 8px #1F9FEF solid;
    border-width: 8px 0 13px 0
    }

.spacer {
    width: 100%;
    clear: both;
    display: block
    }

#mailing_list {
    text-align: left;
    margin: 16px 0 32px 0;
    clear: both
    }

#mailing_list button {
    margin: 0 auto 0 auto;
    padding: 4px 6px 4px 6px
    }

#mailing_list button img {
    position: relative;
    top: 1px
    }

#front_col_1 #mailing_list, #col1 #mailing_list {
    background: #97C647;
    padding: 8px
    }

#front_col_1 #mailing_list p, #col1 #mailing_list p {
    padding: 8px;
    text-align: center;
    margin: 0
    }

#front_col_1 #mailing_list input, #col1 #mailing_list input {
    font-size: 0.8em;
    width: 165px;
    padding-top: 8px;
    padding-bottom: 8px
    }

#mailing_list input {
    width: 210px;
    border: 0;
    padding: 4px;
    margin: 0 0 16px 0
    }

#mailing_list p {
    margin-top: 0;
    color: #FFF;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.4em
    }

#contact_form {
    background: #86CAEF;
    padding: 16px;
    text-align: left;
    margin: 32px auto 32px auto;
    width: 412px
    }

#contact_form label {
    color: #FFF
    }

#contact_form input, #contact_form textarea {
    width: 400px;
    border: 0;
    padding: 4px;
    margin: 0 0 16px 0
    }

#contact_form label {
    display: block;
    margin: 0 0 4px 0
    }


#contact_form div {
    color: #006DAF
    }

#send_enquiry {
    margin: 0;
    border: 0;
    background: none;
    width: 174px;
    height: 35px;
    background-image: url(../images/button_send_enquiry.gif)
    }

#send_enquiry span {
    display: none
    }

#featured_resources {
    text-align: left;
    margin: 34px 0 0 0;
    height: 192px
    }

#featured_resources div {
    float: left;
    height: 192px;
    margin-bottom: 54px;
    position: relative;
    width: 272px;
    border: 1px solid #DDD;
    padding: 16px
    }

#featured_resources_1 {
    margin-right: 16px
    }

#featured_resources a.more {
    position: absolute;
    top: 6px;
    right: 16px;
    text-decoration: none;
    background: #DFEBFF;
    padding: 0 6px 0 6px;
    font-size: 0.9em;
    color: #3385CF
    }

#featured_resources a.more:hover {
    color: #1566AF
    }

#featured_resources div h2 {
    color: #1D99E7;
    margin: 0 0 16px 0;
    font-size: 1.4em;
    letter-spacing: -0.01em
    }

div#featured_resources_1 h2 {
    color: #a6d454
    }

#featured_resources div h2 a {
    color: #1D99E7;
    text-decoration: none
    }

#featured_resources div ul li, #featured_resources div ul {
    margin: 0;
    padding: 0;
    list-style-type: none
    }

#featured_resources div ul li img {
    float: left;
    margin: 0 16px 0 0;
    border: 1px solid #EEE;
    -webkit-box-shadow: 0 2px 2px #B4BCDF;
    -moz-box-shadow: 0 2px 2px #B4BCDF;
    box-shadow: 0 2px 2px #B4BCDF
    }

#featured_resources div ul li a:hover img {
    border: 1px solid #DDD
    }

#featured_resources div ul li {
    margin: 0 0 16px 0;
    padding: 0;
    height: 41px;
    display: block;
    position: relative
    }

#featured_resources div ul li strong {
    position: relative;
    top: 2px
    }

#featured_resources div ul li a h3, #featured_resources div ul li a {
    color: #ACABAB;
    text-decoration: none;
    position: relative;
    top: -15px;
    font-size: 1em
    }

#featured_resources div ul li a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 273px;
    height: 41px;
    font-size: 0.8em;
    letter-spacing: 0.01em
    }

#featured_resources div ul li a:hover {
    background: #FAFAFA;
    color: #1D99E5
    }

#featured_resources a.button {
    padding: 4px 0 4px 0
    }

#featured_resources_2 li {
    margin: 0 0 10px 0 !important
    }

div.tick {
    background-image: url(../images/copyright_tick.gif);
    background-repeat: no-repeat;
    background-position: 32px 0;
    padding: 0 0 0 160px;
    margin: 32px 0 32px 0
    }

div.cross {
    background-image: url(../images/copyright_cross.gif);
    background-repeat: no-repeat;
    background-position: 32px 0;
    padding: 0 0 0 160px;
    margin: 32px 0 32px 0
    }

ul#resources_preview, ul#resources_preview li {
    padding: 0;
    margin: 0;
    list-style-type: none
    }

ul#resources_preview li {
    background: #86CAEF;
    padding: 16px;
    margin: 0 0 32px 0;
    width: 154px;
    height: 160px;
    float: left;
    overflow: hidden
    }

ul#resources_preview li.odd {
    margin-right: 32px
    }

ul#resources_preview li a {
    position: relative;
    display: block;
    text-decoration: none;
    height: 164px
    }

ul#resources_preview li a span {
    position: absolute;
    top: 136px;
    text-align: center;
    display: block;
    width: 154px;
    color: #1178B7;
    font-size: 0.9em
    }

ul#resources_preview li a:hover span {
    background: #AFE4FF
    }

p.ref {
    color: #B5C4E6;
    font-weight: normal;
    font-size: 0.8em;
    margin: 0 0 16px 0;
    text-align: center
    }

.logo_col {
    width: 298px;
    float: left;
    margin: 0 5px 32px 5px;
    text-align: center;
    height: 298px;
    position: relative
    }

.logo_col p {
    position: absolute;
    bottom: 4px;
    width: 100%
    }

p.examples {
    display: block;
    background-color: #A7BDE6;
    background-image: url(../images/examples_arrow.gif);
    background-position: center 84px;
    background-repeat: no-repeat;
    padding: 16px 16px 48px 16px;
    font-weight: bold;
    color: #FFF;
    margin: 0 0 32px 0;
    font-size: 1.2em;
    line-height: 1.4em;
    text-align: center
    }

p.examples a {
    color: #FFF
    }

#downloads {
    background-color: #BFD6FF;
    padding: 16px;
    margin: 24px 0 0 0
    }

.alt_download {
    background: #FFF;
    padding: 16px;
    text-align: center;
    width: auto;
    height: 48px
    }

#download_col_1 {
    text-align: left;
    color: #59749F;
    font-size: 0.9em
    }

#download_col_1 label {
    display: inline;
    color: #59749F;
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif
    }

#download_col_1 ul, #download_col_1 li {
    list-style-type: none;
    margin: 0;
    padding: 0
    }

#download_col_1 li {
    margin: 0 0 4px 0;
    background: #E0EBFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 4px;
    width: 160px;
    float: left
    }

#download_col_2 {
    margin: 24px 0 0 0
    }

.float_right {
    float: right;
    margin: 0 0 16px 32px
    }

.float_left {
    float: left;
    margin: 16px 32px 16px 0
    }

#share_logos {
    margin: 48px 0 32px 0
    }

#menu_footer_cover {
    /*Stops menu overun being clickable in webkit browsers*/
    background: #FFF;
    width: 640px;
    height: 80px;
    position: absolute;
    top: 144px;
    right: 0;
    z-index: 150;
    display: none
    }

#main, #col2, h1 {
    z-index: 300
    }

.qa {
    color: #61AFDF;
    display: block;
    float: left;
    margin: 0 4px 0 0;
    font-size: 1.4em;
    position: relative;
    top: 0;
    padding: 0;
    line-height: 0.8em
    }

#nav {
    height: 48px;
    position: absolute;
    top: 96px;
    left: 252px;
    width: 692px;
    z-index: 400
    }

/*IE7 FIX*/
ul#nav li:hover, ul#nav li.hover {
    position: static
    }

/*IE7 FIX*/
ul#nav, ul#nav ul /* all lists */ {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1em;
    font-weight: bold;
    text-align: center;
    font-size: 1em
    }

ul#nav a {
    display: block;
    margin: 0 40px 0 0;
    text-decoration: none;
    color: #FFF;
    position: relative;
    height: 34px;
    text-transform: lowercase
    }

ul#nav a:hover {
    background-image: url(../images/menu_background_hover.gif);
    background-position: top left;
    background-repeat: repeat-x;
    color: #FFF
    }

ul#nav li /* all list items */ {
    float: left;
    width: auto;
    /* width needed or else Opera goes nuts */
    }

#nav li ul /* second-level lists */ {
    position: absolute;
    width: 136px;
    left: -999em;
    /* using left instead of display to hide menus because display: none isn't read by screen readers */
    background: #1177B6;
    z-index: 7000;
    overflow: visible;
    margin: 0 0 0 0;
    padding: 0 8px 0 8px;
    font-size: 0.9em;
    width: 152px
    }

#nav li ul ul /* third-and-above-level lists */ {
    margin: -2px 0 0 170px;
    font-size: 1em
    }

#nav li ul ul ul {
    font-size: 1em
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em
    }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul /* lists nested under hovered list items */ {
    left: auto
    }

#nav li {
    float: left;
    height: 32px
    }

#nav a {
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif;
    font-weight: normal;
    display: block;
    text-decoration: none;
    height: 48px
    }

#nav li {
    text-align: center;
    padding: 0;
    margin: 0
    }

#nav li a {
    margin: 0;
    font-size: 0.95em;
    position: relative;
    z-index: 1 !important;
    padding: 14px 13px 0 13px
    }

#nav ul li {
    width: 152px;
    height: 48px
    }

#nav ul a {
    border: 0;
    font-size: 0.9em;
    display: block;
    float: left;
    height: 16px;
    width: 136px;
    overflow: hidden;
    text-transform: none;
    margin: 0 0 0 -8px;
    text-align: left;
    font-family: BPreplayRegular, arial, helvetica, sans-serif;
    padding: 3px !important
    }

h1 a, h1 a:link, h1 a:visited {
    color: #21A1F4;
    text-decoration: none
    }

h1 a:hover {
    color: #3abfff
    }

ul#nav ul li ul {
    margin: 0 0 0 160px;
    font-size: 1em;
    /*3rd level*/
    }

ul#nav ul li ul ul {
    font-size: 1em /*4th level*/
    }

#basket_wrapper {
    background: #D460CB;
    padding: 16px;
    text-align: left;
    margin: 0 0 32px 0
    }

#basket_wrapper h2 {
    color: #FFF;
    letter-spacing: -0.05em;
    margin: 0 0 12px 0;
    background-image: url(../images/printbasket_icon.gif);
    background-repeat: no-repeat;
    background-position: 0 -1px;
    padding: 0 0 0 25px;
    font-size: 1.15em
    }

#basket_wrapper button {
    display: block;
    background: none;
    border: 0;
    font-family: BPreplayRegular, arial, helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    margin: 0 0 8px 0;
    width: 100%;
    height: 28px;
    text-align: left;
    color: #FFF;
    padding-left: 8px
    }

#basket_wrapper button:hover {
    background-color: #EF77E7
    }

#message_outer {
    width: 100%;
    height: 381px;
    background-image: url(../images/birdy_message_background.gif);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
margin: 64px 0 0 0
    }

#message_inner {
    position: absolute;
    top: 40px;
    left: 140px;
    width: 295px;
    height: 120px;
    font-weight: normal;
    font-size: 1.3em;
	color: #FFF;
	text-align: center
    }

#message_inner p {
    margin-top: 0
    }

#message_inner a {
    color: #aef
    }

#basket_wrapper a {
    font-size: 0.8em;
    color: #FFCCFC;
    padding: 8px;
    display: block;
    font-weight: normal;
    text-align: center;
    text-decoration: none
    }

#basket_wrapper a:hover {
    color: #FFAFFD
    }

.alt_list {
    background-color: #c7ea74;
    background-image: url(../images/alt_list_background.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
    height: 42px;
    margin: -5px 0 16px 0;
    position: relative
    }

#resource_packs .alt_list {
    height: 81px;
    background-image: url(../images/alt_list_background.gif);
    background-position: 0 0;
    background-color: #729431
    }

#resources li p {
    font-size: 0.9em
    }

#resource_pack_images, #resource_pack_images li {
    list-style-type: none;
    margin: 0;
    padding: 0
    }

#resource_pack_images li img {
    border: 1px solid #EEE;
    -webkit-box-shadow: 0 2px 2px #B4BCDF;
    -moz-box-shadow: 0 2px 2px #B4BCDF;
    box-shadow: 0 2px 2px #B4BCDF;
    margin: 0 0 2px 0
    }

#resource_pack_images li:hover img, #resource_pack_images li a:hover img {
    border: 1px solid #DDD;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }

#resource_pack_images li {
    width: 124px;
    height: 113px;
    float: left;
    margin: 0 16px 16px 0;
    text-align: center;
    font-size: 0.8em;
    overflow: hidden
    }

#resource_pack_images li span {
    font-size: 0.9em
    }

#resource_pack_images li.image3 {
    margin-right: 0
    }

#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1000;
    text-align: center;
    line-height: 0
    }

#lightbox img {
    width: auto;
    height: auto;
    border: 3px solid #C7EA74
    }

#lightbox a img {
    border: none
    }

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto
    }

#imageContainer {
    padding: 6px 4px 10px 4px
    }

#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
    }

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
    }

#imageContainer > #hoverNav {
    left: 0
    }

#hoverNav a {
    outline: none
    }

#prevLink, #nextLink {
    width: 49%;
    height: 100%;
    background-image: url("data:image/gif;base64, AAAA");
    /* Trick IE into showing hover */
    display: block
    }

#prevLink {
    left: 0;
    float: left
    }

#nextLink {
    right: 0;
    float: right
    }

#prevLink:hover, #prevLink:visited:hover {
    background: url(../images/prevlabel.gif) left 15% no-repeat
    }

#nextLink:hover, #nextLink:visited:hover {
    background: url(../images/nextlabel.gif) right 15% no-repeat
    }

#imageDataContainer {
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%
    }

#imageData {
    padding: 0 10px;
    color: #acabab
    }

#imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left
    }

#imageData #caption {
    font-weight: bold
    }

#imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1em
    }

#imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none
    }

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 500px;
    background-color: #000
    }

#packs_by_resource {
    background-color: #d8eda6;
    padding: 16px;
    margin: 24px 0 0 0;
    color: #9fbc5b;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center
    }

#packs_by_resource h2 {
    color: #7F9645;
    font-size: 1.2em;
    display: block;
    margin: 0 auto 8px auto;
    text-shadow: 1px 1px 2px #ACBF7E
    }

#packs_by_resource a {
    color: #FFF;
    text-decoration: none;
    background: #8ea852;
    padding: 4px;
    margin: 0 4px 4px 0;
    float: left;
    display: block;
    font-size: 0.7em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal
    }

#packs_by_resource a:hover {
    background: #7F9645
    }

#categories a.new {
    background-image: url(../images/new.gif);
    background-position: 184px 7px;
    background-repeat: no-repeat
    }

#resource_description, #shared_resource_description {
    line-height: 1.6em;
    font-size: 0.9em;
    margin: -8px 0 24px 0;
    clear: both
    }

#download_col1 {
    width: 728px;
    float: left;
    margin: 0 0 32px 0
    }

#download_col1 h2 {
    letter-spacing: -0.05em;
    color: #F57CED;
    font-size: 1.7em
    }

#download_col2 {
    margin: 0 0 32px 744px;
    text-align: right
    }

#countdown {
    font-weight: bold;
    font-size: 1.7em;
    color: #F57CED;
    position: relative;
    top: 3px
    }

#download_info {
    margin: 16px 0 48px 0;
    line-height: 1.8em
    }

p.countdown {
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    color: #ABC0E7
    }

p.download_footer {
    font-size: 0.8em;
    text-align: center;
    margin: 0 0 24px 0
    }

#birdy {


text-align: center;
    display: block;
    height: 192px;
    width: 192px;

    float: left;
    margin: 0 32px 0 0;
    z-index: 100
    }



#content_wrapper_new {
    height: 192px;


    }

#content_wrapper_new p {
    font-weight: normal;
    font-size: 1.4em;
    text-align: left;

    }

#content_wrapper_new p strong {
    color: #22a6f9;
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.2em
    }

#front_ad_1 {
    padding: 32px 0 32px 0;
    width: 300px;
    float: left;
    text-align: center
    }

#front_ad_2 {
    width: 600px;
    text-align: center;
    padding: 32px 0
    }

div#featured_resources_1 h2 a {
    color: #F16CE6
    }

div#featured_resources_2 h2 a {
    color: #8bb83a
    }

div#featured_resources_3 h2 a {
    color: #E1B43B
    }

#footer_col_3 div {
    font-size: 0.8em
    }

#cant_find {
    clear: both;
    padding: 32px 0 0 0
    }

blockquote {
    background-image: url(../images/quote_small.gif);
    background-position: 16px 0;
    background-repeat: no-repeat;
    margin: 32px 0 16px 0;
    padding: 0 0 16px 52px;
    font-family: BPreplayItalic, arial, helvetica, sans-serif;
    line-height: 1.6em;
    text-align: left
    }

p.meet_q {
    color: #61AFDF;
    font-size: 1.1em;
    text-align: left;
    line-height: 0.8em;
    font-weight: bold
    }

#categories.photos {
    background: #E1B43B
    }

ul#categories.photos li .arrow {
    color: #c3920f
    }

ul#categories.photos li .selected .arrow, ul#categories.photos li a:hover .arrow {
    color: #ce9f20
    }

#slideshow {
    width: 736px !important;
    height: 388px;
    overflow: hidden;
    text-align: center
    }

.slide {
    width: 736px !important
    }

.slide_image_wrapper {
    width: 736px !important;
    height: 340px;
    text-align: center;
    background: #F0F4FB
    }

.slide_image_wrapper_even {
    background: #e8eef8
    }

.slide_footer {
    width: 100%;
    height: 48px;
    text-align: center
    }

.slide_footer span {
    color: #5ab4ec;
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: -0.05em;
    position: relative;
    top: 8px
    }

.slide_footer span strong {
    color: #209eed;
    font-size: 1.4em;
    margin: 0 4px 0 0
    }

a#next {
    position: absolute;
    right: 0
    }

a#prev {
    position: absolute;
    left: 0
    }

#photo_nav {
    height: 29px;
    background-image: url(../images/photo_nav_background.gif);
    margin: 0 0 40px 0
    }

#pauseButton {
    border: 0;
    background: transparent;
    position: absolute;
    left: 334px
    }

#share_poster {
    height: 309px
    }

#share_poster img {
    margin-top: 0;
    margin-bottom: 0
    }

.contribute {
    background: #F7F9FC;
    border: 4px solid #C2D4EF;
    padding: 16px;
    margin: 32px 0 32px 0
    }

.contribute label {
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif;
    color: #92AEDD;
    width: 200px;
    text-align: right;
    float: left;
    margin-right: 16px;
    font-size: 0.95em;
    position: relative;
    top: -16px
    }

.contribute button {
    margin: 16px auto 0 auto !important;
    clear: both
    }

.contribute button img
{
position: relative;
top: 2px
}

.contribute p {
    margin-bottom: 32px;
    text-align: center;
    line-height: 1.6em
    }

.contribute input, .contribute select, .contribute textarea {
    width: 320px
    }

.photo_intro {
    height: 120px;
    font-size: 1.3em;
    line-height: 1.4em
    }

.photo_intro img {
    float: left;
    margin: 0 16px 0 0
    }

p.photo_highlight {
    font-size: 1em;
    line-height: 1.4em;
    height: 245px;
    margin: 32px 0 32px 0
    }

p.photo_highlight img {
    float: left;
    margin: 0 16px 0 0
    }

iframe {
    border: 0
    }

#front_col_1 {
    width: 628px;
    float: left;
    margin-right: 32px;
    margin-bottom: 16px
    }

#front_col_2 {
    margin-top: 9px;
    margin-left: 660px;
    padding-bottom: 16px
    }

#ad2, #ad4, #ad6 {
    margin: 0 0 16px 0
    }

#ad4 img {
    margin-top: 39px
    }

#ad6 img {
    margin-top: 72px
    }

th {
    font-weight: bold
    }

td {
    vertical-align: middle
    }

img.resource_preview {
    width: 404px;
    border: 1px solid #EEE;
    -webkit-box-shadow: 0 2px 2px #B4BCDF;
    -moz-box-shadow: 0 2px 2px #B4BCDF;
    box-shadow: 0 2px 2px #B4BCDF
    }

#ad_col_1 {
    width: 404px;
    float: left;
    margin-right: 32px;
    margin-bottom: 16px
    }

#ad_col_2 {
    margin-top: 32px;
    margin-left: 436px
    }

p {
    margin: 0 0 16px 0;
    line-height: 1.4em
    }

.title_alt_wrapper {
    position: absolute;
    top: 11px;
    left: 196px;
    width: 196px;
    height: 77px
    }

.title_alt_wrapper h2 {
    margin: 0
    }

.title_alt_wrapper h2 a {
    font-size: 0.7em;
    line-height: 1.3em
    }

.title_alt_wrapper div {
    text-align: left;
    font-size: 0.75em;
    line-height: 1.2em;
    margin-top: 5px
    }

.title_alt_wrapper div a {
    text-decoration: none;
    font-weight: normal
    }

.resource_pack_images {
    width: 168px;
    height: 88px;
    display: block;
    position: absolute;
    top: 16px;
    left: 16px
    }

#resources li .resource_pack_images img {
    float: left;
    position: static
    }

ul#categories.photos li a {
    margin: 0 0 6px 0
    }

strong {
    font-weight: bold
    }

.info_page {
    position: relative;
    top: 32px
    }

#select_unavailable, #premium_resource_container {
    cursor: default;
    background: #FFF;
    z-index: 0;
    position: relative
    }

a#conduit_download {
    background-image: url(../images/conduit_download.png);
    display: block;
    width: 406px;
    height: 261px;
    text-decoration: none;
    position: absolute;
    top: 108px
    }

a#conduit_download p {
    color: #FFF;
    position: absolute;
    bottom: 28px;
    left: 40px;
    width: 320px;
    font-size: 0.9em
    }

.conduit_form {
    background-color: #4C6D12;
    background-image: url(../images/footer_background.gif);
    background-repeat: repeat-x;
    background-position: top left;
    width: 288px;
    padding: 32px
    }

#conduit_form_suggest {
    height: 279px
    }

#conduit_twitter {
    width: 400px;
    float: left;
    margin-left: 16px;
    margin-top: 16px
    }

#conduit_facebook {
    width: 400px;
    float: left;
    background: #FFF;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 16px
    }

em {
    font-family: BPreplayItalic, Arial, Helvetica, sans-serif
    }

#content_wrapper ul {
    margin: 0 0 24px 0
    }

#content_wrapper ul li {
    list-style-type: disc;
    margin: 12px 0 12px 32px
    }

a#twinklbar_ad {
    margin: 16px 0 0 0;
    display: block
    }

#search_col_1 {
    width: 628px;
    float: left
    }

#search_col_2 {
    width: 300px;
    float: left;
    margin: 0 0 0 32px
    }

#col2.search {
    margin: 32px 0 0 0
    }

.resource_pack #prints_only button.print {
    left: 138px;
    position: relative
    }

.calendar_month {
    border: 1px solid #DDD;
    padding: 16px
    }

.calendar_month table {
    width: 100%
    }

.calendar_month td {
    padding: 16px 8px 16px 8px;
    border-bottom: 1px solid #DDD;
    vertical-align: top;
    text-align: justify
    }

.calendar_month tr.last td {
    border: 0
    }

.calendar_month h2 {
    margin: 0
    }

.calendar_month p {
    margin: 8px 0 0 0;
    font-size: 0.8em
    }

td.calendar_image {
    width: 82px;
    text-align: center
    }

td.calendar_image img {
    border: 1px solid #EEE;
    -webkit-box-shadow: 0 2px 2px #B4BCDF;
    -moz-box-shadow: 0 2px 2px #B4BCDF;
    box-shadow: 0 2px 2px #B4BCDF
    }

td.calendar_image a:hover img, tr:hover td.calendar_image img {
    border: 1px solid #DDD;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }

ul.calendar_menu, ul.calendar_menu li {
    padding: 0;
    margin: 0;
    list-style-type: none
    }

ul.calendar_menu {
    margin: 24px 0 24px 3px;
    height: 32px
    }

ul.calendar_menu li {
    width: 57px;
    margin: 0 4px 0 0;
    float: left
    }

ul.calendar_menu li.last {
    margin-right: 0
    }

ul.calendar_menu li a {
    display: block;
    background: #EC9ADC;
    text-align: center;
    color: #FFF;
    padding: 8px 0 8px 0;
    text-decoration: none;
    font-size: 1.1em
    }

ul.calendar_menu li a:hover, ul.calendar_menu li a.selected {
    background: #CF67BC
    }

.calendar_month h2 a {
    color: #9BBBCF;
    text-decoration: none
    }

.calendar_month h2 a:hover {
    text-decoration: underline
    }

.calendar_month h3 {
    margin: 6px 0 0 0
    }

td.view {
    vertical-align: middle;
    width: 132px
    }

a#print_calendar {
    position: absolute;
    top: 40px;
    right: 8px;
    background-image: url(../images/print_calendar.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 0 0 0 24px;
    color: #BDC4E3;
    text-decoration: none
    }

h1 span {
    font-size: 0.65em;
    display: block;
    margin: 0 0 8px 0;
    letter-spacing: -0.01em;
    line-height: 1.2em
    }

h1 span, h1 span a {
    color: #59B6EF
    }

#community_links {
    position: absolute;
    top: 160px;
    right: 262px;
    height: 34px;
    width: 456px;
    z-index: 100
    }

#community_facebook span {
    display: none
    }

#community_facebook {
    display: block;
    width: 84px;
    height: 24px;
    background-image: url(../images/community_facebook.gif);
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    right: 148px
    }

#community_links a {
    display: inline;
    padding: 0 8px 0 8px;
    margin: 0 0 0 4px;
    position: relative;
    top: 7px
    }

#contact_form label.checkbox {
    float: left;
    margin: 0 8px 0 0
    }

#contact_form input.checkbox {
    width: 16px
    }

#contact_form #send_request {
    margin: 8px 0 0 0;
    display: block
    }

#suggest_link {
    background-color: #bfd6ff;
    color: #59749f;
    font-size: 0.8em;
    padding: 8px 8px 16px 8px;
    margin: 0 0 16px 0;
    position: relative;
    text-align: center
    }

#suggest_link p {
    position: relative;
    top: 3px
    }

#footer_inner div {
    text-align: left;
    float: left;
    width: 220px;
    margin: 0 16px 0 0;
    color: #FFF
    }

#footer_inner div h2, #footer_inner div h2 a, #footer_inner div h2 a:hover {
    color: #FFF;
    text-decoration: none
    }

#footer_inner div ul li {
    font-size: 0.8em;
    margin: 0 0 8px 0
    }

#footer_inner div a {
    text-decoration: none;
    color: #d4f697
    }

#footer_inner div a:hover {
    text-decoration: underline
    }

#footer_col_new_4 {
    margin-right: 0 !important
    }

#content_wrapper ol {
    list-style-type: upper-alpha;
    list-style-position: inside;
    margin: 0 0 24px 0
    }

#content_wrapper ol li {
    margin: 0 0 16px 32px
    }

#amazon_ad {
    margin: 0 0 24px 0;
    text-align: center
    }

#amazon_ad iframe {
    height: 240px;
    margin: 0 0 0 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 4px;
    background: #86CAEF;
    width: 120px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

#amazon_ad a {
    border: 2px solid #D460CB;
    color: #D460CB;
    display: block;
    padding: 4px;
    margin: 8px auto 0 auto;
    text-align: center;
    text-decoration: none;
    font-size: 0.9em;
    width: 176px
    }

#amazon_ad a:hover {
    background: #FFEAFD
    }

#ad4 {
    margin: 16px 0 0 0
    }

#books, #books li {
    list-style-type: none;
    margin: 0;
    padding: 0
    }

#books li a {
    border: 1px solid #bec5e4;
    display: block;
    width: 114px;
    text-decoration: none;
    text-align: center;
    padding: 0 0 0 0;
    margin: 19px 0 0 0
    }

#books li a span {
    font-size: 0.8em;
    display: block;
    margin: 0 4px 0 4px;
    height: 64px;
    overflow: hidden;
    line-height: 1.2em
    }

#books li a img {
    margin: 0 0 4px 0;
    width: 114px;
    height: 114px;
    background: #C7D5EF;
    display: block
    }

#books li {
    float: left;
    margin: 0 18px 16px 0;
    background-image: url(../images/book_category.gif);
    background-position: top left;
    background-repeat: no-repeat
    }

#books li:hover {
    background-image: url(../images/book_category_hover.gif)
    }

#book_image {
    text-align: center;
    padding: 0
    }

#book_image a img {
    display: block;
    border: 1px solid #EEE;
    -webkit-box-shadow: 0 2px 2px #B4BCDF;
    -moz-box-shadow: 0 2px 2px #B4BCDF;
    box-shadow: 0 2px 2px #B4BCDF;
    margin: 0 auto 0 auto
    }

#book_image a:hover img {
    border: 1px solid #DDD;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }

#buy_from_amazon {
    width: 177px;
    height: 32px;
    display: block;
    background-image: url(../images/buy_from_amazon.gif)
    }

#buy_from_amazon span {
    display: none
    }

ul.individual_books li {
    margin-right: 0 !important;
    width: 100%;
    position: relative
    }

ul.individual_books li div.book_content {
    position: absolute;
    top: 0;
    left: 128px;
    width: 256px
    }

ul.individual_books li div.book_content h2 a {
    width: 256px !important
    }

ul.individual_books li div.book_content a {
    text-align: left !important;
    margin: 16px 0 0 0 !important;
    border: 0 !important;
    color: #86bdd2
    }

ul.individual_books li div.book_content strong, .book strong {
    font-size: 0.7em;
    font-weight: normal;
    color: #9F9F9F
    }

ul.individual_books li div.book_content strong em, .book strong em {
    font-weight: bold;
    font-size: 1.3em;
    color: #999;
    font-style: normal;
    position: relative;
    top: 1px
    }

ul.individual_books li strong em a {
    display: inline !important
    }

.book_content .like {
    padding: 0;
    background: transparent;
    position: absolute
    }

a.recommend_book span {
    display: none !important
    }

li a.recommend_book {
    display: block;
    background-image: url(../images/recommend_book.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 159px !important;
    height: 29px
    }

li a.recommend_book:hover {
    background-image: url(../images/recommended_book.gif)
    }

a.buy_from_amazon span {
    display: none !important
    }

li a.buy_from_amazon {
    display: block;
    background-image: url(../images/buy_from_amazon.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 159px !important;
    height: 29px
    }

#lijit_rvw {
    display: none
    }

#ad5 {
    margin: 16px 0 0 0
    }

#welcome, #changes {
    font-size: 0.6em;
    padding: 4px 8px 4px 8px;
    display: inline;
    letter-spacing: -0.05em;
position: relative;
top: 16px
    }

ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin: 0 0 0 32px
    }

ol li {
    margin: 0 0 16px 0
    }

ol ol {
    list-style-type: lower-alpha
    }

.rating {
    width: 159px !important;
    height: 32px;
    position: relative;
    background: #E5EBF8;
    display: block;
    margin: 8px 0 0 0
    }

.rating_bar {
    background: #e77983;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0
    }

.rating img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
    }

#book_category_link {
    background: #b9da7f;
    padding: 16px;
    color: #7c9747;
    font-size: 0.8em;
    text-align: center;
    margin: -16px 0 16px 0
    }

#book_category_link a {
    margin: 8px auto 0 auto
    }

#book_category_link a span {
    display: none
    }

.pink, .appriseInner button {
    color: #FFF !important;
    background-color: #d363ca
    }
    
.no-cssgradients .pink, .no-cssgradients .appriseInner button
{
	border: 2px solid #CA4DC0;
}

.pink:hover, .appriseInner button:hover {
    background-color: #ca4dc0
    }

.no-cssgradients .pink:hover, .no-cssgradients .appriseInner button:hover
{
	border: 2px solid #ab53a4;
}

.blue {
    color: #FFF !important;
    background-color: #1e99e6
    }
    
.no-cssgradients .blue
{
	border: 2px solid #1279b9
}    

.blue:hover {
    background-color: #1279b9
    }
    
.no-cssgradients .blue:hover
{
	border: 2px solid #0d679f
}        

.green {
    color: #FFF !important;
    background-color: #709039
    }
    
.no-cssgradients .green
{
	border: 2px solid #527417
}        

.green:hover {
    background-color: #527417
    }
    
.no-cssgradients .green
{
	border: 2px solid #597c1d
}            

.button, .appriseInner button {
    padding: 8px 0 8px 0;
    display: block;
    text-decoration: none;
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif;
    font-weight: normal !important;
    text-align: center;
    font-size: 1.1em
    }

#community_join {
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif;
    color: #E5BD53;
    font-size: 1.1em;
    position: relative;
    top: 7px
    }

#sky {
    width: 100%;
    height: 256px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
    }

#menu_background {
    background: #21A1F0;
    width: 760px;
    height: 48px;
    position: absolute;
    top: 96px;
    left: 200px;
    z-index: 0
    }

#suggest_link a {
    display: inline;
    padding: 4px 8px 4px 8px;
    margin: 0
    }

#single_resource .print {
    margin: 2px 0 0 20px
    }

.contribute h2 {
    font-size: 1.9em;
    text-align: center;
    margin: 0 0 32px 0;
    color: #84BEE0
    }

#login_options, #login_options li {
    list-style-type: none;
    margin: 0;
    padding: 0
    }

#login_options {
    width: 200px;
    position: absolute;
    top: 14px;
    right: 0;
    font-size: 0.8em;
    z-index: 100
    }

#login_options a {
    padding: 1px 0 1px 0;
    font-size: 1em;
    margin: 4px 0 0 0
    }

#login_options li {
    margin: 0
    }

li.username {
    font-size: 1em !important
    }

.appriseOverlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 100000
    }

.appriseOuter {
    background: #eee;
    border: 1px solid #fff;
    position: absolute;
    z-index: 99999999;
    min-width: 200px;
    min-height: 50px;
    max-width: 75%;
    position: fixed;
    display: none
    }

.appriseInner {
    padding: 20px;
    color: #333
    }

.appriseInner button {
    padding: 2px 4px 2px 4px;
    margin: 0 auto 0 auto
    }

.appriseInner button:hover {
    color: #d85054
    }

.aButtons, .aInput {
    margin: 20px 10px 0 10px;
    text-align: center
    }

.aTextbox {
    border: 1px solid #aaa;
    width: 180px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px
    }

.form_response {
    color: #dd8484;
    margin: 16px auto 0 auto;
    display: none;
    font-size: 0.9em;
    text-align: center
    }

#signup_form button {
    margin: 16px 0 16px 0;
    padding: 4px 8px 4px 8px
    }

#signup_form input {
    width: 100%
    }

.button_message {
    margin: 16px 0 16px 0
    }

.button_message button {
    float: left;
position: relative;
top: -12px
    }

.button_message p {
    margin-left: 143px;
    text-align: left
    }

fieldset {
    border: 1px solid #EEE;
    padding: 4px 16px 16px 16px;
    margin: 24px 0 24px 0 !important
    }

legend {
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif;
    color: #CCC;
    font-size: 1.3em
    }

#signin_form a {
    display: block;
    margin: 16px 0 0 0;
    font-size: 0.8em
    }



.avatars, .avatars li
{
list-style-type: none;
margin: 0px;
padding: 0px
}

.avatars li {
    float: left;
    width: 96px;
    margin: 0 3px 3px 0;
    border: 1px solid #DDD;
    text-align: center;
    background: #FFF;
    padding: 0 0 8px 0
    }

.avatars li img {
    margin: 0 16px 8px 16px
    }

button.button {
    padding: 2px 8px 2px 9px
    }

ul.logged-in li {
    margin-left: 72px !important
    }

#login_options li.avatar {
    float: left;
    margin-left: 0 !important
    }

li.username {
    text-align: center;
    color: #FFF;
    font-family: BPreplayItalic, arial, helvetica, sans-serif;
    font-size: 1.1em
    }

label.checkbox {
    display: inline !important;
    width: auto !important
    }

div.comment {
    margin: 16px 0 0 0;
    padding: 0 0 8px 0
    }

.comment img {
    float: left
    }

.comment textarea {
    margin: 0 0 0 16px;
    width: 318px !important;
    height: 59px;
    font-size: 0.9em;
    line-height: 1.3em
    }

.comment button {
    margin: 8px 0 0 80px;
    font-size: 0.9em
    }

#comments, #comments li {
    padding: 0;
    margin: 0;
    list-style-type: none
    }

li.comment {
    clear: both;
    border-bottom: 1px dotted #D0DCF1;
    padding-bottom: 16px !important;
    padding-top: 16px !important
    }

li.comment span {
    display: block;
    width: 318px;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.3em;
    width: 326px;
    margin-left: 80px
    }

li.comment strong {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    margin: 12px 0 0 0
    }

.clickable {
    cursor: pointer
    }

.reported {
    font-family: BPreplayItalic, arial, helvetica, sans-serif;
    color: #CC5959;
    font-size: 0.9em
    }

#more_comments {
    display: block;
    margin: 16px 0 0 0
    }

.book strong {
    margin: 16px auto 16px auto;
    display: block;
    text-align: center
    }

.book a.button {
    width: 180px;
    margin: 0 auto 0 auto
    }

#displays, #displays li {
    list-style-type: none;
    margin: 0;
    padding: 0
    }

li.display {
    width: 194px;
    height: 252px;
    float: left;
    margin: 0 16px 0 0 !important;
    text-align: center;
    position: relative;
    overflow: hidden
    }

li.display img {
    margin: 0 0 8px 0
    }

li.display em {
    display: block
    }

li.display_2 {
    margin-right: 0 !important
    }

.display a {
    text-decoration: none
    }

.display a span {
    height: 40px;
    position: absolute;
    top: 194px;
    font-size: 0.8em;
    font-weight: normal;
    color: #9F9E9E;
    margin: 8px 16px 0 16px;
    line-height: 1.3em;
    letter-spacing: 0
    }

.display_by {
    left: 0;
    text-align: left;
    width: 132px;
    line-height: 1em !important;
    font-size: 0.6em !important
    }

.display_by em {
    font-style: normal;
    line-height: 1.3em;
    font-size: 1.2em !important
    }

.display_info {
    right: 0;
    text-align: center
    }

a#display {
    position: relative
    }

a#display span {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 404px;
    text-align: center;
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
    font-size: 1.8em;
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6
    }

a#display:hover span {
    display: block
    }

.preload {
    display: none;
    margin-left: -9999px;
    margin-top: -9999px
    }

#display_nav {
    margin: 16px 0 16px 0;
    height: 16px;
    position: relative
    }

#display_nav a {
    text-decoration: none;
    font-size: 0.9em;
    z-index: 1;
    position: relative
    }

#display_nav .display_prev {
    float: left
    }

#display_nav .display_next {
    float: right
    }

#display_nav span {
    text-align: center;
    font-size: 0.8em;
    margin: 0 auto 0 auto;
    display: block;
    position: absolute;
    top: 3px;
    width: 100%;
    z-index: 0
    }

#display_page .display_by {
    font-size: 0.8em !important;
    text-align: center;
    margin: 8px 0 0 0;
    display: block;
    width: 100%
    }

h2.display_new {
    text-align: center;
    margin: 24px 0 16px 0
    }

input:disabled {
    color: #CCC
    }

#share {
    height: 20px;
    margin: 16px 0 0 0
    }

div.fancy_date {
    width: 64px;
    height: 64px;
    background: #FFF;
    font-family: BPreplayBold, arial, helvetica, sans-serif;
    text-align: center;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px #B4BCDF;
    -moz-box-shadow: 0 2px 2px #B4BCDF;
    box-shadow: 0 2px 2px #B4BCDF;
    border: 2px solid #D2DFF7;
    float: left
    }

.date1 {
    color: #888;
    position: absolute;
    top: -8px;
    left: 0;
    display: block;
    width: 100%;
    font-size: 1.9em;
    padding: 6px 0 6px 0
    }

.date2 {
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #E88D8D;
    display: block;
    width: 100%;
    font-size: 1em;
    padding: 3px 0 3px 0;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
    }

.news_content {
    font-size: 0.8em;
    line-height: 1.6em;
    margin: 0 0 8px 0
    }

.news_source {
    font-size: 0.9em;
margin-left: 8px
    }

#news, #news li {
    list-style-type: none;
    margin: 0;
    padding: 0
    }

#news li h2 {
    text-align: left;
    margin: 0 0 8px 0;
    line-height: 1.2em
    }

#news li {
    padding: 16px 16px 16px 16px;
    cursor: pointer
    }

#news li.odd {
    background: #F7F8FC
    }

#news li:hover {
    background: #FCFBFE
    }

#news li.odd:hover {
    background: #F4F2FF
    }

.news_col {
    margin-left: 84px
    }

#news_story {
    text-align: left
    }

#news_story .fancy_date {
    margin: 0 16px 16px 0
    }

#news_story h1 {
    font-size: 1.5em;
    line-height: 1.1em
    }

#news_story .mf-viral, #news_story .related, #news_story .terms {
    display: none
    }

#news_story .button {
    font-size: 0.9em;
    width: 320px;
    margin: 0 auto 32px auto
    }

#zoom {
    z-index: 1999
    }

.like {
    background: #e1ecf3;
    padding: 8px;
    margin: 16px 0 0 0
    }

.like button, .like button:hover {
    font-size: 0.8em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-image: url(../images/like.gif);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    padding: 0 4px 0 19px;
    float: left;
    margin: 0 8px 4px 0
    }

.like p {
    font-size: 0.9em;
    margin: 0;
    text-align: left
    }

.more_likers {
    display: none
    }

.show_more_likers {
    margin: 0 0 0 8px;
    font-size: 0.8em;
    display: block
    }

.comment .like {
    padding: 0;
    background: none;
    display: inline
    }

.comment .like button {
    float: none;
    display: inline;
    margin: 0;
    font-size: 1em;
    background-position: 4px 1px
    }

#calendar_event img {
    margin: 0 0 16px 0
    }

#calendar_event p {
    font-size: 0.9em;
    margin: 0 0 24px 0
    }

#calendar_event a.button {
    margin: 0 auto 32px auto;
    width: 240px
    }

select {
    padding: 3px
    }

.contribute select {
    width: 326px
    }

#ad_col_1 .datefield
{
clear: both
}

.datefield select {
    width: auto
    }

.contribute .spacer {
    height: 16px
    }

#calendar_event strong {
    font-weight: normal;
    font-size: 0.9em;
    text-align: center;
    margin: 0 0 16px 0;
    display: block
    }

#nav ul.category_menu li {
    width: 572px;
    height: 464px;
    background: #1177b6;
    padding: 16px 9px 16px 4px
    }

#nav ul.category_menu li h2 {
    font-size: 1.1em;
    margin: 0 0 0 0;
    text-align: left;
    color: #FFF
    }

#nav ul.category_menu li h2 a {
    font-weight: normal;
    font-family: BPreplayBold, arial, helvetica, sans-serif
    }

#nav ul li a {
    float: none;
    width: 100%;
    margin: 0 0 2px 0
    }

#nav ul.category_menu li span a {
    font-weight: normal;
    letter-spacing: -0.01em;
    font-size: 0.9em
    }

.menu_col {
    width: 32%;
    float: left;
    margin: 0 7px 0 0
    }

#nav ul.category_menu li span.last {
    margin: 0 0 12px 0;
    display: block
    }

#nav ul.category_menu li h2.special a {
    font-size: 0.8em;
    margin: 0 0 -2px 0;
    position: relative;
    top: -2px
    }

#nav h2.special a 
{
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif;
font-size: 0.7em;
    position: relative;
    top: -8px !important;
}



#nav ul.book_menu {
    width: 240px;
    padding: 8px
    }

#nav ul.book_menu li {
    height: 16px;
    width: 232px;
    margin: 3px 0 3px 0
    }

#nav ul.display_menu {
    width: 240px;
    padding: 8px
    }

#nav ul.display_menu li {
    height: 16px;
    width: 232px;
    margin: 3px 0 3px 0
    }

#user_col1 {
    width: 192px;
    float: left
    }

#user_col2 {
    width: 406px;
    float: right;
    margin: -32px 0 0 0
    }

a#profile {
    text-align: center;
    display: block;
    margin: 0 0 8px 0
    }

p.profile {
    font-size: 0.9em;
    text-align: justify;
    line-height: 1.6em
    }

div.profile_info {
    font-size: 0.9em;
    text-align: left
    }

div.profile_info label {
    cursor: auto;
    font-size: 0.8em
    }

#friend_status {
    text-align: center;
    height: 24px;
    }

#friend_status button {
    font-size: 0.8em;
    margin: 0 auto 16px auto
    }

#friend_status strong {
    color: #DF73D6;
    font-weight: normal;
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif;
    font-size: 1.1em
    }

#friend_status a {
    font-size: 0.8em;
    font-weight: normal;
    margin: 0 0 16px 0;
clear: both;
    text-decoration: none;
    color: #999;
    position: relative;
    top: -1px
    }

#friend_status a:hover {
    text-decoration: underline
    }

#user_col1 h2 {
    text-align: center;
    margin: 32px 0 16px 0;
    color: #26A3F4
    }

.friends, .friends li
{
list-style-type: none;
margin: 0px;
padding: 0px
}

ul.friends li {
    width: 58px;
    height: 58px;
    float: left;
    margin-bottom: 8px;
    background: #82C2ED
    }

ul.friends li.friend_1, ul.friends li.friend_2 {
    margin-right: 8px
    }

ul.friends li a {
    display: block;
    position: relative
    }

ul.friends li a span {
    display: none
    }

ul.friends li a:hover span {
    display: block;
    width: 50px;
    height: 50px;
    color: #FFF;
    text-align: center;
    padding: 4px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.8em;
    text-shadow: 1px 1px 1px #2C5B7A;
    font-weight: normal;
    word-wrap: break-word
    }

ul.friends li a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15);
    opacity: 0.15
    }

ul.friends li.hide {
    display: none
    }

#friends_more {
    display: block;
    clear: both;
    text-align: center;
    margin: 4px 0 0 0
    }

a.button:hover {
    text-decoration: none !important
    }

ul#shared_resources_preview, ul#shared_resources_preview li {
    list-style-type: none;
    margin: 0;
    padding: 0
    }

ul#shared_resources_preview {
    margin: 32px 0 0 0
    }

ul#shared_resources_preview li {
    background: #86CAEF;
    padding: 8px;
    margin: 0 0 24px 0;
    width: 174px;
    height: 48px;
    float: left;
    overflow: hidden
    }

ul#shared_resources_preview li.odd {
    margin-right: 24px
    }

ul#shared_resources_preview li a {
    position: relative;
    display: block;
    text-decoration: none;
    height: 100%
    }

ul#shared_resources_preview li a span {
    text-align: center;
    display: block;
    width: 158px;
    color: #1178B7;
    font-size: 0.9em;
    padding: 8px;
    height: 32px
    }

ul#shared_resources_preview li a:hover span {
    background: #AFE4FF
    }

ul#shared_resources_preview li {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

ul#shared_resources_preview li a span {
    text-shadow: 1px 1px 2px #539EBF
    }

ul#shared_resources_preview li a:hover span {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-shadow: 1px 1px 2px #539EBF
    }

#sky {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9AEE6', endColorstr='#FFFFFF');
    background-image: -ms-linear-gradient(top, #A9AEE6 0%, #FFF 100%);
    background-image: -moz-linear-gradient(top, #A9AEE6 0%, #FFF 100%);
    background-image: -o-linear-gradient(top, #A9AEE6 0%, #FFF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A9AEE6), color-stop(1, #FFF));
	background-image: -webkit-linear-gradient(top, #A9AEE6 0%, #FFF 100%);
	background-image: linear-gradient(top, #A9AEE6 0%, #FFF 100%);
    }

ul#categories {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

ul#categories li a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

ul#categories li a:hover, ul#categories li a.selected, ul#categories * a.selected {
    -webkit-box-shadow: 2px 2px 2px #0D8FDF;
    -moz-box-shadow: 2px 2px 2px #0D8FDF;
    box-shadow: 2px 2px 2px #0D8FDF
    }

ul#categories.photos li a:hover, ul#categories.photos li a.selected, ul#categories.photos * a.selected {
    -webkit-box-shadow: 2px 2px 2px #CFA533;
    -moz-box-shadow: 2px 2px 2px #CFA533;
    box-shadow: 2px 2px 2px #CFA533
    }

table#search_results th.first {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px
    }

table#search_results th.last {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px
    }

table#search_results tr {
    -webkit-box-shadow: 4px 4px 16px #d7dcf2;
    -moz-box-shadow: 4px 4px 16px #d7dcf2;
    box-shadow: 4px 4px 16px #d7dcf2
    }

table#search_results tr:hover {
    -webkit-box-shadow: 4px 4px 16px #A8B0CF;
    -moz-box-shadow: 4px 4px 16px #A8B0CF;
    box-shadow: 4px 4px 16px #A8B0CF
    }

table#search_results td img {
    -webkit-box-shadow: 4px 4px 16px #d7dcf2;
    -moz-box-shadow: 4px 4px 16px #d7dcf2;
    box-shadow: 4px 4px 16px #d7dcf2
    }

.pager_bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #d7dcf2;
    -moz-box-shadow: 4px 4px 16px #d7dcf2;
    box-shadow: 4px 4px 16px #d7dcf2
    }

#contact_form {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

#featured_resources div h2 {
    text-shadow: 1px 1px 2px #77C4EF
    }

#featured_resources div ul li a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

#featured_resources div ul li a:hover img {
    -webkit-box-shadow: 4px 4px 16px #F1F1F1;
    -moz-box-shadow: 4px 4px 16px #F1F1F1;
    box-shadow: 4px 4px 16px #F1F1F1
    }

ul#resources_preview li {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

ul#resources_preview li a span {
    text-shadow: 1px 1px 2px #539EBF
    }

ul#resources_preview li a:hover span {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-shadow: 1px 1px 2px #539EBF
    }

ul#nav a:hover {
    text-shadow: 2px 2px 2px #1279BB
    }

h1 {
    text-shadow: 2px 2px 2px #D0D5EB
    }

ul#categories li h1 {
    text-shadow: 2px 2px 2px #0D8FDF
    }

ul#categories.photos li h1 {
    text-shadow: 2px 2px 2px #BF9117
    }

.logo_col {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

p.examples {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

#downloads {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

.alt_download {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

h2 {
    text-shadow: 1px 1px 2px #D0D5EB
    }

.qa {
    text-shadow: 1px 1px 2px #D0D5EB
    }

p.meet_q {
    text-shadow: 1px 1px 2px #D0D5EB
    }

ul#nav li li a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

ul#nav ul {
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 8px;
    box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 8px
    }

#basket_wrapper {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

#basket_wrapper h2 {
    text-shadow: 2px 2px 2px #AF4CA8
    }

#basket_wrapper button:hover {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 2px 2px 2px #AF4CA8;
    -moz-box-shadow: 2px 2px 2px #AF4CA8;
    box-shadow: 2px 2px 2px #AF4CA8
    }

#text_adverts {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

ul#nav li li a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

ul#nav li ul {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topleft: 0
    }

ul#resources li {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

ul#resources li#google_ad_category_listing, ul#resources_preview li#google_ad_category_listing {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }

.alt_list {
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px
    }

ul#resource_packs li {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

ul#resource_packs ul.pack_resources li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }

#outerImageContainer {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
    }

#imageDataContainer {
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px
    }

#packs_by_resource {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

#packs_by_resource a:hover {
    text-shadow: 2px 2px 2px #A7BF6B
    }

#google_ads.inner {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

#google_text_adverts {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

#resources li#google_ad_category_listing div, #resources_preview li#google_ad_category_listing div {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

#google_ads_resource_pack_intro {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

#countdown {
    text-shadow: 1px 1px 2px #D0D5EB
    }

#google_ad_download_text {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

#google_ad_search_1, #google_ad_search_2 div {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

table#search_results tr#google_ad_search_2, table#search_results tr#google_ad_search_2:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }

div#featured_resources_1 h2 {
    text-shadow: 1px 1px 2px rgba(241, 108, 230, 0.5)
    }

div#featured_resources_2 h2 a {
    text-shadow: 1px 1px 2px rgba(139, 184, 58, 0.5)
    }

div#featured_resources_3 h2 a {
    text-shadow: 1px 1px 2px rgba(225, 180, 59, 0.5)
    }

.contribute {
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

#featured_resources div {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

#select_unavailable, #select_unavailable img, #select_unavailable h1, #select_unavailable p, #select_unavailable div, #select_unavailable *, #premium_resource_container, #premium_resource_container img, #premium_resource_container h1, #premium_resource_container p, #premium_resource_container div, #premium_resource_container * {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(	ity=50)";
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5
    }

#suggest_link {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

span.footer_box_1 {
    margin: 0 16px 0 0;
    position: relative;
    top: -8px
    }

#footer_box_new {
    width: 432px !important;
    height: 56px;
    position: absolute;
    top: 152px;
    left: 472px;
    font-size: 0.8em;
    }

#footer_credits
{
width: 261px;
    border: 2px solid #608520;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
padding: 16px 8px 0 8px;
    text-align: center !important;
}

#footer_security
{
position: absolute;
top: 0px;
right: 0px;
width: 155px !important;
text-align: center !important;
height: 100px;
overflow: hidden
}

#footer_security span
{
width: 155px;
height: 55px;
margin: 16px 0 4px 0;
}

#footer_security p
{
position: absolute;
top: 74px;

width: 155px;
}


#front_col_1 #mailing_list, #col1 #mailing_list {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #3C560B;
    -moz-box-shadow: 4px 4px 16px #3C560B;
    box-shadow: 4px 4px 16px #3C560B
    }

#front_col_1 #mailing_list p, #col1 #mailing_list p {
    text-shadow: 1px 1px 2px #3C560B
    }

#amazon_ad a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

#book_category_link {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

#nav ul li {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

.pink, .appriseInner button {
    background-image: -webkit-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(211), color-stop(1, 202)), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -moz-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -o-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -webkit-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(211), color-stop(1, 202)), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -moz-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -o-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));   
    background-image: linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -webkit-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(211), color-stop(1, 202)), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -moz-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -o-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -webkit-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(211), color-stop(1, 202)), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -moz-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -o-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -webkit-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(211), color-stop(1, 202)), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -moz-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -o-linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: linear-gradient(rgb(211, 202), color-stop(0.78, rgb(237, 141, 229)));
    background-image: -moz-linear-gradient(center bottom, rgb(211, 99, 202)50%, rgb(237, 141, 229)78%);
    }

.pink:hover, .appriseInner button {
    background-image: -webkit-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(202), color-stop(1, 192)), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -moz-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -o-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -webkit-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(202), color-stop(1, 192)), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -moz-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -o-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -webkit-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(202), color-stop(1, 192)), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -moz-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -o-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -webkit-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(202), color-stop(1, 192)), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -moz-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -o-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -webkit-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(202), color-stop(1, 192)), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -moz-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -o-linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: linear-gradient(rgb(202, 192), color-stop(0.94, rgb(226, 121, 217)));
    background-image: -moz-linear-gradient(center bottom, rgb(202, 77, 192)65%, rgb(226, 121, 217)94%);
    }

.blue {
    background-image: -webkit-linear-gradient(#127aba, #23a6f8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba), color-stop(1, #23a6f8));
    background-image: -moz-linear-gradient(#127aba, #23a6f8);
    background-image: -o-linear-gradient(#127aba, #23a6f8);
    background-image: linear-gradient(#127aba, #23a6f8);
    background-image: -webkit-linear-gradient(#127aba, #23a6f8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba), color-stop(1, #23a6f8));
    background-image: -moz-linear-gradient(#127aba, #23a6f8);
    background-image: -o-linear-gradient(#127aba, #23a6f8);
    background-image: linear-gradient(#127aba, #23a6f8);
    background-image: -webkit-linear-gradient(#127aba, #23a6f8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba), color-stop(1, #23a6f8));
    background-image: -moz-linear-gradient(#127aba, #23a6f8);
    background-image: -o-linear-gradient(#127aba, #23a6f8);
    background-image: linear-gradient(#127aba, #23a6f8);
    background-image: -webkit-linear-gradient(#127aba, #23a6f8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba), color-stop(1, #23a6f8));
    background-image: -moz-linear-gradient(#127aba, #23a6f8);
    background-image: -o-linear-gradient(#127aba, #23a6f8);
    background-image: linear-gradient(#127aba, #23a6f8);
    background-image: -webkit-linear-gradient(#127aba, #23a6f8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba), color-stop(1, #23a6f8));
    background-image: -moz-linear-gradient(#127aba, #23a6f8);
    background-image: -o-linear-gradient(#127aba, #23a6f8);
    background-image: linear-gradient(#127aba, #23a6f8);
    background-image: -webkit-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba 50%), color-stop(1, #23a6f8 78%));
    background-image: -moz-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -o-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -webkit-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba 50%), color-stop(1, #23a6f8 78%));
    background-image: -moz-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -o-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -webkit-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba 50%), color-stop(1, #23a6f8 78%));
    background-image: -moz-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -o-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -webkit-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba 50%), color-stop(1, #23a6f8 78%));
    background-image: -moz-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -o-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -webkit-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba 50%), color-stop(1, #23a6f8 78%));
    background-image: -moz-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -o-linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: linear-gradient(center bottom, #127aba 50%, #23a6f8 78%);
    background-image: -webkit-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba 50%), color-stop(1, #23a6f8 78%));
    background-image: -moz-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -o-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -webkit-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba 50%), color-stop(1, #23a6f8 78%));
    background-image: -moz-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -o-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -webkit-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba 50%), color-stop(1, #23a6f8 78%));
    background-image: -moz-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -o-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -webkit-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #127aba 50%), color-stop(1, #23a6f8 78%));
    background-image: -moz-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: -o-linear-gradient(#127aba 50%, #23a6f8 78%);
    background-image: linear-gradient(#127aba 50%, #23a6f8 78%);
    }

.blue:hover {
    background-image: -webkit-linear-gradient(#1279b9, #21a2f2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9), color-stop(1, #21a2f2));
    background-image: -moz-linear-gradient(#1279b9, #21a2f2);
    background-image: -o-linear-gradient(#1279b9, #21a2f2);
    background-image: linear-gradient(#1279b9, #21a2f2);
    background-image: -webkit-linear-gradient(#1279b9, #21a2f2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9), color-stop(1, #21a2f2));
    background-image: -moz-linear-gradient(#1279b9, #21a2f2);
    background-image: -o-linear-gradient(#1279b9, #21a2f2);
    background-image: linear-gradient(#1279b9, #21a2f2);
    background-image: -webkit-linear-gradient(#1279b9, #21a2f2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9), color-stop(1, #21a2f2));
    background-image: -moz-linear-gradient(#1279b9, #21a2f2);
    background-image: -o-linear-gradient(#1279b9, #21a2f2);
    background-image: linear-gradient(#1279b9, #21a2f2);
    background-image: -webkit-linear-gradient(#1279b9, #21a2f2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9), color-stop(1, #21a2f2));
    background-image: -moz-linear-gradient(#1279b9, #21a2f2);
    background-image: -o-linear-gradient(#1279b9, #21a2f2);
    background-image: linear-gradient(#1279b9, #21a2f2);
    background-image: -webkit-linear-gradient(#1279b9, #21a2f2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9), color-stop(1, #21a2f2));
    background-image: -moz-linear-gradient(#1279b9, #21a2f2);
    background-image: -o-linear-gradient(#1279b9, #21a2f2);
    background-image: linear-gradient(#1279b9, #21a2f2);
    background-image: -webkit-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9 65%), color-stop(1, #21a2f2 94%));
    background-image: -moz-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -o-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -webkit-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9 65%), color-stop(1, #21a2f2 94%));
    background-image: -moz-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -o-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -webkit-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9 65%), color-stop(1, #21a2f2 94%));
    background-image: -moz-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -o-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -webkit-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9 65%), color-stop(1, #21a2f2 94%));
    background-image: -moz-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -o-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -webkit-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9 65%), color-stop(1, #21a2f2 94%));
    background-image: -moz-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -o-linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: linear-gradient(center bottom, #1279b9 65%, #21a2f2 94%);
    background-image: -webkit-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9 65%), color-stop(1, #21a2f2 94%));
    background-image: -moz-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -o-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -webkit-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9 65%), color-stop(1, #21a2f2 94%));
    background-image: -moz-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -o-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -webkit-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9 65%), color-stop(1, #21a2f2 94%));
    background-image: -moz-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -o-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -webkit-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1279b9 65%), color-stop(1, #21a2f2 94%));
    background-image: -moz-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: -o-linear-gradient(#1279b9 65%, #21a2f2 94%);
    background-image: linear-gradient(#1279b9 65%, #21a2f2 94%);
    }

.green {
    background-image: -webkit-linear-gradient(#55771B, #87A554);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B), color-stop(1, #87A554));
    background-image: -moz-linear-gradient(#55771B, #87A554);
    background-image: -o-linear-gradient(#55771B, #87A554);
    background-image: linear-gradient(#55771B, #87A554);
    background-image: -webkit-linear-gradient(#55771B, #87A554);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B), color-stop(1, #87A554));
    background-image: -moz-linear-gradient(#55771B, #87A554);
    background-image: -o-linear-gradient(#55771B, #87A554);
    background-image: linear-gradient(#55771B, #87A554);
    background-image: -webkit-linear-gradient(#55771B, #87A554);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B), color-stop(1, #87A554));
    background-image: -moz-linear-gradient(#55771B, #87A554);
    background-image: -o-linear-gradient(#55771B, #87A554);
    background-image: linear-gradient(#55771B, #87A554);
    background-image: -webkit-linear-gradient(#55771B, #87A554);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B), color-stop(1, #87A554));
    background-image: -moz-linear-gradient(#55771B, #87A554);
    background-image: -o-linear-gradient(#55771B, #87A554);
    background-image: linear-gradient(#55771B, #87A554);
    background-image: -webkit-linear-gradient(#55771B, #87A554);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B), color-stop(1, #87A554));
    background-image: -moz-linear-gradient(#55771B, #87A554);
    background-image: -o-linear-gradient(#55771B, #87A554);
    background-image: linear-gradient(#55771B, #87A554);
    background-image: -webkit-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 14%), color-stop(1, #87A554 72%));
    background-image: -moz-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -o-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -webkit-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 14%), color-stop(1, #87A554 72%));
    background-image: -moz-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -o-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -webkit-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 14%), color-stop(1, #87A554 72%));
    background-image: -moz-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -o-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -webkit-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 14%), color-stop(1, #87A554 72%));
    background-image: -moz-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -o-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -webkit-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 14%), color-stop(1, #87A554 72%));
    background-image: -moz-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -o-linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: linear-gradient(center bottom, #55771B 14%, #87A554 72%);
    background-image: -webkit-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 14%), color-stop(1, #87A554 72%));
    background-image: -moz-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -o-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -webkit-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 14%), color-stop(1, #87A554 72%));
    background-image: -moz-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -o-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -webkit-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 14%), color-stop(1, #87A554 72%));
    background-image: -moz-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -o-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -webkit-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 14%), color-stop(1, #87A554 72%));
    background-image: -moz-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: -o-linear-gradient(#55771B 14%, #87A554 72%);
    background-image: linear-gradient(#55771B 14%, #87A554 72%);
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#87A554', endColorstr='#55771B')"*/
    }

.green:hover {
    background-image: -webkit-linear-gradient(#55771B, #7F9C4C);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B), color-stop(1, #7F9C4C));
    background-image: -moz-linear-gradient(#55771B, #7F9C4C);
    background-image: -o-linear-gradient(#55771B, #7F9C4C);
    background-image: linear-gradient(#55771B, #7F9C4C);
    background-image: -webkit-linear-gradient(#55771B, #7F9C4C);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B), color-stop(1, #7F9C4C));
    background-image: -moz-linear-gradient(#55771B, #7F9C4C);
    background-image: -o-linear-gradient(#55771B, #7F9C4C);
    background-image: linear-gradient(#55771B, #7F9C4C);
    background-image: -webkit-linear-gradient(#55771B, #7F9C4C);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B), color-stop(1, #7F9C4C));
    background-image: -moz-linear-gradient(#55771B, #7F9C4C);
    background-image: -o-linear-gradient(#55771B, #7F9C4C);
    background-image: linear-gradient(#55771B, #7F9C4C);
    background-image: -webkit-linear-gradient(#55771B, #7F9C4C);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B), color-stop(1, #7F9C4C));
    background-image: -moz-linear-gradient(#55771B, #7F9C4C);
    background-image: -o-linear-gradient(#55771B, #7F9C4C);
    background-image: linear-gradient(#55771B, #7F9C4C);
    background-image: -webkit-linear-gradient(#55771B, #7F9C4C);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B), color-stop(1, #7F9C4C));
    background-image: -moz-linear-gradient(#55771B, #7F9C4C);
    background-image: -o-linear-gradient(#55771B, #7F9C4C);
    background-image: linear-gradient(#55771B, #7F9C4C);
    background-image: -webkit-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 56%), color-stop(1, #7F9C4C 94%));
    background-image: -moz-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -o-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -webkit-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 56%), color-stop(1, #7F9C4C 94%));
    background-image: -moz-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -o-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -webkit-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 56%), color-stop(1, #7F9C4C 94%));
    background-image: -moz-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -o-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -webkit-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 56%), color-stop(1, #7F9C4C 94%));
    background-image: -moz-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -o-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -webkit-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 56%), color-stop(1, #7F9C4C 94%));
    background-image: -moz-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -o-linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: linear-gradient(center bottom, #55771B 56%, #7F9C4C 94%);
    background-image: -webkit-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 56%), color-stop(1, #7F9C4C 94%));
    background-image: -moz-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -o-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -webkit-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 56%), color-stop(1, #7F9C4C 94%));
    background-image: -moz-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -o-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -webkit-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 56%), color-stop(1, #7F9C4C 94%));
    background-image: -moz-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -o-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -webkit-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55771B 56%), color-stop(1, #7F9C4C 94%));
    background-image: -moz-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: -o-linear-gradient(#55771B 56%, #7F9C4C 94%);
    background-image: linear-gradient(#55771B 56%, #7F9C4C 94%);
    }

.button, .appriseInner button {	
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

#search_box input {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
    }

#footer {
    background-image: -webkit-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(76), color-stop(1, 18)), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -moz-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -o-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=rgb(76, EndColorStr=18)";
    background-image: linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -webkit-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(76), color-stop(1, 18)), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -moz-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -o-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=rgb(76, EndColorStr=18)";
    background-image: linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -webkit-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(76), color-stop(1, 18)), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -moz-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -o-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=rgb(76, EndColorStr=18)";
    background-image: linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -webkit-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(76), color-stop(1, 18)), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -moz-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -o-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=rgb(76, EndColorStr=18)";
    background-image: linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=rgb(76, EndColorStr=18)";
    background-image: -webkit-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(76), color-stop(1, 18)), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -moz-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -o-linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=rgb(76, EndColorStr=18)";
    background-image: linear-gradient(rgb(76, 18), color-stop(0.72, rgb(151, 198, 71)));
    background-image: -moz-linear-gradient(center bottom, rgb(76, 109, 18)5%, rgb(151, 198, 71)72%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#97c647', endColorstr='#4c6d12')"
    }

#menu_background {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #127ABB), color-stop(0.48, #23A7F9), color-stop(0.82, #3FC9FF));
    background-image: -moz-linear-gradient(center bottom, #127ABB 0%, #23A7F9 48%, #3FC9FF 82%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FC9FF', endColorstr='#127ABB')"
    }

.appriseOverlay {
    background: rgba(0, 0, 0, 0.3)
    }

.appriseOuter {
    -webkit-box-shadow: 0 3px 7px #333;
    -moz-box-shadow: 0 3px 7px #333;
    box-shadow: 0 3px 7px #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px
    }

.appriseInner {
    text-shadow: 0 1px 0 #fff
    }

.aTextbox {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
    }

#signin {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

.gsc-search-button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
    }

.avatars li {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF
    }

li.username {
    text-shadow: 1px 1px 2px #8295BA
    }

.faded {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5
    }

.reported {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5
    }

.display a img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9
    }

.display a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
    }

#nav ul li h2 {
    text-shadow: 1px 1px 2px #11537A
    }

#share_resource_button, .contribute .button {
    width: 160px;
    margin: 0 auto 0 auto
    }

.contribute_form {
    clear: both
    }

.contribute_form label {
/*
    width: 100%;
    text-align: left;
    margin: 0;
    position: relative;
    top: -4px
*/
    }

.contribute_form button {
    margin-left: 0
    }

.contribute_form textarea {
    height: 20px
    }

.shared_resources li div {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 372px;
    overflow: hidden;
    height: 72px
    }

.shared_resources li a {
    left: 16px !important
    }

.shared_resources li h2 {
    line-height: 1em !important;
    margin: 0 0 8px 0
    }

.shared_resources li span.by {
    position: absolute;
    bottom: 16px;
    right: 16px;
    font-size: 0.8em
    }

.shared_resource .resource_download {
    margin: 0 auto 0 auto;
    float: none
    }

.shared_resources li .button
{
width: 108px !important;
position: relative !important;
top: 92px
}

.shared_resources li p
{
font-size: 0.9em !important
}

#download_selector, #actual_downloads, #download_selector li, #actual_downloads li {
    list-style-type: none;
    margin: 0;
    padding: 0
    }

#download_selector li {
    border: 1px solid #BFD6FF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 6px;
    width: 184px;
    float: left;
    text-align: center;
    margin: 0 8px 8px 0;
    color: #657B9E;
    font-size: 0.8em;
    cursor: pointer
    }

#download_selector li.even {
    margin-right: 0
    }

#download_selector li:hover, #download_selector li.selected {
    background: #EDF3FF
    }

#download_selector li.selected {
    text-decoration: underline
    }

.contribute input.checkbox {
    position: relative;
    top: -6px
    }

.hidden {
    display: none
    }

#actual_downloads {
    clear: both;
    margin: 16px 0 0 0;
    position: relative
    }

#actual_downloads li {
    border: 3px solid #D4E0F7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 0 0 16px 0;
    padding: 16px
    }

p.download_instruction {
    text-align: center;
    font-size: 0.9em;
    font-family: BPreplayItalic, arial, helvetica, sans-serif;
    margin: 0 0 8px 0;
    color: #778DAD
    }

.appriseInner h1 {
    text-align: center;
    margin: 0 0 16px 0
    }

.appriseInner ul, .appriseInner ul li {
    list-style-type: disc
    }

.appriseInner ul {
    width: 240px;
    margin: 0 auto 0 auto;
    text-align: left
    }

.appriseInner ul li {
    margin: 0 0 16px 0;
    line-height: 1.6em
    }

#ad_col_1 input, #ad_col_1 textarea {
    width: 360px
    }

label span {
    color: #D363CA;
    font-weight: normal;
    font-size: 1.8em;
    position: absolute;
    top: 0;
    right: 4px
    }

#actual_downloads form, span.download, span.premium {
    width: 175px;
    float: left;
    text-align: center;
    display: block
    }

.premium
{
width: 240px !important;
}

.premium .button
{
width: 240px;
}

#actual_downloads form {
    margin-right: 16px
    }

#actual_downloads form button, span.download a, span.premium a {
    width: 100%;
    height: 32px;
    padding: 0;
    margin: 0 0 4px 0
    }

#actual_downloads form button img, span.download a img, span.premium a img {
    position: relative;
    top: 8px;
    left: -3px
    }

#actual_downloads form button span, span.download a span, span.premium a span {
    position: relative;
    top: -10px;
    right: 3px
    }

#actual_downloads form strong, span.download strong, span.premium strong {
    font-size: 0.8em;
    font-weight: normal;
    font-family: BPreplayItalic, arial, helvetica, sans-serif;
    color: #8997B2
    }

span.premium
{
float: none;
margin: 0 auto 0 auto
}

#actual_downloads span.speech {
    display: block;
    width: 33px;
    height: 22px;
    background-image: url(../images/speech_download.gif);
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    top: -17px;
    left: 186px
    }

#actual_downloads li h2 {
    margin: 0 0 8px 0;
    text-align: center;
    font-size: 1.2em
    }

#terms {
    height: 480px;
    overflow: auto;
    border: 1px solid #EEE;
    padding: 8px;
    margin: 16px 0 0 0;
    font-size: 0.8em;
    display: none
    }

#terms h1 {
    margin-top: 0
    }

#footer ul, #footer ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 1em;
    letter-spacing: 0.01em
    }

li.avatar {
    position: relative;
    top: 2px
    }

a.resource_pack_images img {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
    float: left
    }

a.resource_pack_images {
    border: 1px solid #EEE;
    -webkit-box-shadow: 0 2px 2px #B4BCDF;
    -moz-box-shadow: 0 2px 2px #B4BCDF;
    box-shadow: 0 2px 2px #B4BCDF
    }

ul#resources li:hover a.resource_pack_images, ul#resources li a.resource_pack_images:hover {
    border: 1px solid #DDD;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }

.pack_contains {
    text-align: center;
    font-family: BPreplayItalic, arial, helvetica, sans-serif;
    margin: 16px 32px 32px 32px
    }

.prints_only form {
    width: 100% !important
    }

.prints_only button {
    width: 175px !important;
    margin: 0 auto 0 auto !important
    }

.prints_only button img {
    position: relative;
    top: 0 !important
    }

.prints_only button span {
    position: relative;
    top: -1px !important
    }

.shared_by {
    font-family: BPreplayItalic, arial, helvetica, sans-serif;
    text-align: center;
    margin-top: 24px
    }

.download_only span.download {
    margin: 0 0 0 94px !important
    }

.section_intro {
    font-size: 0.9em
    }

ol.numbered {
    color: #EE68DF;
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif;
    font-size: 1.3em;
    line-height: 0.9em
    }

ol.numbered li span {
    color: #9F9E9E;
    font-family: BPreplay, arial, helvetica, sans-serif;
    font-size: 0.75em;
    position: relative;
    top: -4px
    }

ol.numbered {
    margin-left: 0 !important;
    margin: 0 0 32px 0
    }

ol.numbered li {
    margin: 0 0 16px 0
    }

.buy_book {
    margin-top: 32px !important
    }

.buy_book h2 {
    margin: 0 0 24px 0 !important
    }

em {
    font-style: normal;
    font-family: BPreplayItalic, arial, helvetica, sans-serif
    }

#calendar_event img {
    border: 1px solid #EEE;
    -webkit-box-shadow: 0 2px 2px #B4BCDF;
    -moz-box-shadow: 0 2px 2px #B4BCDF;
    box-shadow: 0 2px 2px #B4BCDF
    }

.like span {
    font-size: 0.9em;
display: inline !important;
margin: 0px !important
    }

#premium_pay {
    display: none;
    text-align: center;
    border: 3px solid #D4E0F7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 16px auto 16px auto;
    padding: 16px 16px 0px 16px;
    position: relative;
width: 464px
    }

#premium_pay button {
    margin: 16px auto 0 auto
    }

#premium_pay .speech {
    display: block;
    width: 100%;
    height: 22px;
    background-image: url(../images/speech_download.gif);
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    top: -20px;
    left: 0
    }

.book_content h2 em, h1 em {
    font-family: BPreplayBoldItalic, arial, helvetica, sans-serif;
    font-size: 0.8em
    }

h1 em {
    color: #59B9F7
    }

#premium_signup p, #premium_signup li {
    font-size: 0.8em
    }

#premium_signup li {
    margin: 0 0 8px 0
    }

#premium_resource_outer {
    position: relative
    }

#resource_unavailable {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: #e5bd53;
    color: #FFF;
    padding: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 16px #B4BCDF;
    -moz-box-shadow: 4px 4px 16px #B4BCDF;
    box-shadow: 4px 4px 16px #B4BCDF;
    margin: 128px 32px 32px 32px;
    text-shadow: 1px 1px 2px #7d6631;
    text-align: center
    }

#resource_unavailable h2 {
    color: #FFF;
    margin-top: 0;
    text-align: center;
    font-size: 1.5em;
    text-shadow: 1px 1px 2px #7d6631
    }

#resource_unavailable a {
    color: #FFF;
    text-decoration: none
    }

#resource_unavailable a.button {
    width: 196px;
    margin: 0 auto 0 auto;
    -webkit-box-shadow: 1px 1px 4px #9e803c;
    -moz-box-shadow: 1px 1px 4px #9e803c;
    box-shadow: 1px 1px 4px #9e803c
    }
    
#logo a
{
    text-decoration: none	
}

#logo a span {
    display: none;
    position: absolute;
    top: 134px;
    left: 74px;
    background-image: url(../images/home_icon.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 16px;
    color: #ACC0E7;
    font-weight: normal;
    font-size: 0.8em;
    }

#logo a:hover span {
    display: block
    }
    
.no-boxshadow #mailing_list
{
	border: 2px solid #7AA82B
}



.regular_page ul
{
padding: 0 0 0 16px
}

.regular_page ul li
{
margin: 0 0 16px 0;
}

.regular_page .button
{
width: 260px;
margin: 0 auto 0 auto
}

.notice
{
border: 2px solid #fcc0c0;
padding: 16px;
border-radius: 8px;
font-size: 0.8em;
text-align: center;
margin: 0 0 32px 0;
background: #fff4f4;
color: #af8d8d
}

.notice p
{
margin: 0px
}

.notice h2
{
color: #e87b7b;
margin: 0 0 8px 0;
text-align: center
}

.fancybox
{
text-decoration: none
}

.fancybox span
{
display: block;
text-align: center;
color: #97C647;
background-image: url('../images/zoom.gif');
background-repeat: no-repeat;
background-position: top left;
height: 29px;
width: 64px;
padding: 0 0 0 29px;
margin: 0 auto 0 auto
}

.fancybox:hover span
{
text-decoration: underline
}

label .note
{
font-size: 0.8em;
margin-left: 8px;
position: static
}

.details, .details li
{
list-style-type: none;
padding: 0px;
margin: 0px
}

.details
{
position: relative;
top: 16px
}

.details li a
{
height: 160px;
border: 4px solid #d0d2f1;
display: block;
margin: 0 0 16px 0;
border-radius: 16px;
position: relative;
text-decoration: none
}

.details li a:hover
{
border-color: #ABB0E7
}

.details li a img
{
position: absolute;
top: 16px;
left: 8px;
}


.details li a span
{
position: absolute;
top: 16px;
left: 148px;
width: 226px;
}

.details li a span h2
{
margin: 0 0 6px 0;
font-size: 1.2em
}

.details li a span strong
{
font-weight: normal;
color: #9F9E9E;
font-size: 0.8em;
}

.details li a span .button
{
font-size: 0.9em;
padding: 2px 8px 2px 8px;
width: 136px;
margin: 12px 0 0 0
}

.not-logged-in li
{
float: left;
height: 32px;
width: 96px;
text-align: center;
position: relative;
top: 10px
}

#sign_in_link
{
margin: 0 8px 0 0 !important;
}

.not-logged-in li span
{

color: #FFF;
text-shadow: 1px 1px 2px #4F5599;
font-size: 0.9em;
display: block;
}

.not-logged-in li a
{
width: 96px;

}

#submit_shared button
{
width: 240px;
margin: 16px auto 0 auto
}


.signin_col {

	background: #FFF;
	width: 320px;
	margin-top: 0px;
	padding: 16px;
	height: 304px;
	text-align: center;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 4px 4px 16px #B4BCDF;
	-moz-box-shadow: 4px 4px 16px #B4BCDF;
	box-shadow: 4px 4px 16px #B4BCDF;


}

.no-boxshadow .signin_col
{
	border: 2px solid #D5D9ED
}

#signin_col_1 {
	float: left;
}
#signin_col_2 {
	margin-left: 384px;
}
.signin_col h1 {
	margin-top: 0px;
	text-align: center;
}
.signin_col h1 span {
	display: inline
}

.signin_col input {
	width: 240px
}
.signin_col button, .signin_col .button {
	margin: 0 auto 0 auto
}
#signin_col_2 p {
	font-size: 1.45em;
	margin: 0 48px 0 48px;
	color: #82B8D6
}
#signin_col_2 .button {
	width: 70px;
	height: 26px;
	padding: 3px 0 0 0;
	position: relative;
	top: 13px
}



h1.process span
{
display: inline
}

.signup_premium_step .button
{
width: 152px;
margin: 16px 16px 0 0;
float: left
}

.signup_premium_step
{
font-size: 0.9em;
margin: 8px 0 0 0
}

.signup_premium_step label
{
text-align: center
}

pre
{
	z-index: 100000;
	background: #888;
	color: #FFF;
	font-weight: bold;
	padding: 8px;
position: absolute;
top: 128px;
left: 0px;
width: 800px;
height: 160px;
overflow: auto;
opacity: 0.9
}

#premium_pay button span
{
display: block;
font-size: 0.7em;
font-family: BPreplayRegular, arial, helvetica, sans-serif;
}

.other_pay
{
font-size: 0.8em;
margin: 16px 0 0 0;
display: block
}

.pay
{
width: 360px;
margin-left: 160px
}

.contact_details
{
margin: 48px 0 0 0 !important;
font-size: 0.9em;
font-family: BPreplayItalic, arial, helvetica, sans-serif;
}

.contact_details, .contact_details li
{
list-style-type: none !important;
padding: 0px !important
}

.contact_details li
{
width: 288px;
float: left;
margin: 0 16px 32px 16px !important;
text-align: left
}


.contact_details li img
{
float: left;
margin: 0 16px 0 0
}


.signin_container .signin_col
{
margin-top: 48px
}

.profile_info
{
margin-top: 32px
}

#ad_col_1 .contribute label
{
margin: 0px;
text-align: left;
top: 0px;
width: auto !important
}

#ad_col_1 .contribute input.checkbox
{
position: relative;
top: 1px
}

#ad_col_1 .contribute object
{
margin-left: 16px
}

.full_news
{
margin: 32px auto 0 auto !important;
width: 416px
}

.full_news .speech
{
left: 192px !important
}

#comments_container
{
width: 404px;
margin-left: auto;
margin-right: auto
}

.premium_mark
{
background-color: #D6A835;
color: #FFF;
font-size: 0.8em;
text-shadow: none;
padding: 0 4px 0 4px;
border-radius: 4px;
font-family: BPreplayBoldItalic, arial, helvetica, sans-serif
}

h1 .premium_mark
{
display: inline;
font-size: 0.6em;
position: relative;
top: -3px
}

.staff_bio h2
{
text-align: center;
font-size: 1.2em;
color: #21A1F4
}

.staff_bio p
{
font-size: 0.9em
}

.staff_bio
{
margin: 0 0 24px 0 
}

.ltie7
{
	display: none
}


.signup_premium_step_page label
{
text-align: left
}