f/* @override http://localhost:8080/FGA/fga_team/WebBuilds/HTML%20Mockups/mainStyle.css */

/* FGA dev CSS*/

html
{
    margin: auto;
}

body
{
    margin: 0;
    width: 100%;
    height: 100%;
    background: #fff url(images/bgCloudsTile.jpg) top center;
    color: #493a26;
    font-size: 14px;
    font-family: verdana;
    padding-bottom: 50px;
}


a
{
    text-decoration: none;
    color: #222;
}
a:hover
{
    color: purple;
}
.jumpLink a
{
    font: italic bold 11px georgia;
    color: #EB018D;
}

h1
{
    font-size: 1.5em;
}
h2
{
    font-size: 1.4em;
}
h3
{
    font-size: 1.3em;
}

.left
{
    float: left;
}
.right
{
    float: right;
}

select, input
{
    background: #ECE9E2 url(images/bgInputText.jpg) no-repeat top left;
    border: 1px solid #aca499;
    border-width: 1px 1px 0px 1px;
    padding: 2px;
}

textarea
{
    border-color: #DDDDDD;
    background: #eee;
    padding: 10px 0 10px 0px;
    margin: 0;
    margin-bottom: 10px;
    border: 1px solid #DDDDDD;
}
textarea.resizable
{
    border-bottom: 0px;
}
div.grippie
{
    margin: 0 auto;
}
/* tooltips */
#tooltip
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}

#tooltip.comingSoon
{
    font-family: georgia;
    font-style: italic;
    font-weight: bold;
    color: #EB018D;
    font-size: 27px;
    opacity: 1;
    border: none;
    text-indent: -5000px;
    overflow: hidden;
    height: 35px;
    width: 147px;
    background: url(images/bgTooltip_comingSoon.png) no-repeat;
}

/* embedded grids */
.grid_12 div.grid_3
{
    margin: 2px 6px 1px 6px;
}
.grid_12 div.grid_3.first
{
    margin-left: 2px;
}
.grid_12 div.grid_3.last
{
    margin-right: 0;
}
/*end embedded grids */


/* general elements*/
span.h2follow
{
    font-size: 12px;
    color: #666666;
}
input
{
    margin-top: -3px;
}
strong
{
    font-weight: bold;
}
.clear
{
    clear: both;
}

/* body divs*/
div#div_body_master
{
    margin: 0;
}
body.fixed #div_body_master
{
}
body.fixed.centered #div_body_master
{
    margin: 0 auto;
}


/**********************
 * copyright text
**********************/
html > body .copyright
{
    position: fixed;
    bottom: 28px;
    left: 5px;
}
.copyright
{
    font-size: 10px;
    color: #ccc;
}


/***************************
 footer bar 
***************************/
html > body .div_footer
{
    clear: both;
    position: fixed;
    background: #e1e1e1;
    display: block;
    height: 25px;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    margin: 0;
    font-size: 10px;
    border-top: 1px solid #bbb;
}


/*hide footer on the splash page */
.body-home .div_footer
{
    display: none;
}

.div_footer a:hover
{
    color: #C60076;
}

.div_footer .hknav
{
    clear: both;
    font-family: georgia;
    margin: 5px;
    font-size: 11px;
    color: #4A3921;
}
.div_footer .hknav a
{
    color: #4A3921;
    font-style: italic;
    font-weight: bold;
}

/* user footer nav */
.div_footer .usernav
{
    text-align: right;
    margin: 5px;
    font: italic normal 11px georgia;
}

.div_footer .usernav .user a
{
    color: #EC028D;
}
.div_footer .usernav .user a b{
color: #6D9C6B;
font-weight:normal;
}
.div_footer .usernav .profile a
{
}
.div_footer .usernav span.link
{
    margin-right: 5px;
}

html > body .div_footer .usernav span a
{
    line-height: 15px;
}
html > body .div_footer a span.icon
{
    height: 20px;
    width: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url(images/iconsSprites.png) no-repeat 20000px 20000px;
}
html > body .div_footer span.profile span.icon
{
    background-position: -361px -50px;
}
html > body .div_footer span.profile a:hover span.icon
{
    background-position: -361px -79px;
}
html > body .div_footer span.messages span.icon
{
    background-position: -300px -137px;
    margin-right: 3px;
}
html > body .div_footer span.messages a:hover span.icon
{
    background-position: -300px -157px;
}
html > body .div_footer span.logout span.icon
{
    background-position: -363px -138px;
}
html > body .div_footer span.logout a:hover span.icon
{
    background-position: -363px -108px;
}


/* footer on portal - skip link */

body.portal .usernav, body.portal .hknav{
display:none;
}
.portalSkip{
	display:none;
}
body.portal .portalSkip{
display:block;
font-size:11px;
color:#fff;
text-align:center;
}
body.portal .portalSkip .skipLink a{
color:#fff;
margin-right:20px;
cursor:pointer;
}
body.portal .portalSkip .skipLink a b{
font-weight:bold;
font-size:15px;
font-style:normal;
margin-right:3px;
}
body.portal .portalSkip .skipLink a:hover{
color: #EB018D;
}
body.portal .div_footer{
background-color:#4fa7b6;
}

/* footer guest nav */
.div_footer .guestnav
{
    text-align: right;
}



/* user splash nav */
.splash .usernav
{
    text-align: center;
    margin: 5px;
    font: normal 13px georgia;
    width: 100%;
}

.splash .usernav .user a
{
    color: #EC028D;
}
.splash .usernav .profile a
{
}
.splash .usernav span.link
{
    margin-right: 5px;
}

html > body.splash .usernav span a
{
    line-height: 15px;
}

html > body.splash .usernav span a:hover
{
    color: #EC028D;
}

html > body.splash a span.icon
{
    height: 20px;
    width: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url(images/iconsSprites.png) no-repeat 20000px 20000px;
}
html > body.splash span.profile span.icon
{
    background-position: -361px -50px;
}
html > body.splash span.profile a:hover span.icon
{
    background-position: -361px -79px;
    color: #EC028D;
}
html > body.splash span.messages span.icon
{
    background-position: -300px -137px;
    margin-right: 3px;
}
html > body.splash span.messages a:hover span.icon
{
    background-position: -300px -157px;
}
html > body.splash span.logout span.icon
{
    background-position: -363px -138px;
}
html > body.splash span.logout a:hover span.icon
{
    background-position: -363px -108px;
}




/****************************
top header 
*****************************/
div#div_body_top
{
    position: relative;
}


body.subPage div#div_body_logo
{
    height: 145px;
    margin: 0 auto;
    position: relative;
}

body.subPage #div_body_center
{
    padding-bottom: 40px;
}

/***************************
change header background 
according to location (class on body tag) 
****************************/

body.subPage #div_body_master
{
    background: url(images/bgHeaderDefault.jpg) no-repeat top center;
}
body.friends #div_body_master
{
    background: url(images/bgHeaderFriends.jpg) no-repeat top center;
}
body.dream #div_body_master
{
    background: url(images/bgHeaderDream.jpg) no-repeat top center;
}
body.play #div_body_master
{
    background: url(images/bgHeaderPlay.jpg) no-repeat top center;
}

/**************
area on the right sid eof header to hold
imagery and content if needed (contains .mininav) 
*****************/
#div_body_logo .logoRight
{
    height: 145px;
    float: right;
}

/**************
this is the clickable area over the header logo
*****************/
div#div_body_logo .homeLink
{
    float: left;
}
div#div_body_logo .homeLink a img
{
    display: block;
    height: 125px;
    width: 421px;
}


/**************
.mininav holds a top right navigation (read shop help)
*****************/
div#div_body_top .mininav
{
    display: block;
    position: absolute;
    top: 0;
    text-align: right;
    left: 50%;
    width: 480px;
}
.mininav .navItem
{
    position: absolute;
    display: block;
}

div#div_body_top .mininav a.boutique
{
    /*decommissioned*/
    height: 35px;
    width: 139px;
    display: block;
    float: right;
    background: url(images/buttonTabBoutique.png) no-repeat;
}
div#div_body_top .mininav span.shop
{
    right: 40px;
}
div#div_body_top .mininav span.shop a span
{
    display: block;
    height: 27px;
    width: 161px;
    text-align: left;
    text-indent: -4000px;
    background: url(images/buttonTabShop.png) no-repeat;
}
div#div_body_top .mininav span.help
{
    right: 0;
}
div#div_body_top .mininav span.help a span
{
    display: block;
    height: 27px;
    width: 35px;
    text-align: left;
    text-indent: -4000px;
    background: url(images/buttonTabHelp.png) no-repeat;
}

div#div_body_top .mininav span.read
{
    right: 206px;
    top: -192px;
    height: 219px;
    width: 161px;
    background: url(images/buttonTabRead.png) no-repeat;
    z-index: 1;
}
div#div_body_top .mininav span.read .bookNav
{
    display: block;
    height: 188px;
    width: 153px;
    margin: 0 auto;
}
div#div_body_top .mininav span.read .bookNav a
{
    display: block;
    height: 188px;
    width: 153px;
}
div#div_body_top .mininav span.read a.read
{
    display: block;
    height: 27px;
    width: 161px;
    text-align: left;
    text-indent: -4000px;
    position: absolute;
    bottom: 0px;
}

/**************
top nav (pink bar) 
*****************/
div#div_topnav
{
    position: relative;
}

.navbar
{
    height: 25px;
    background: url(images/bgNavBarPink.jpg) repeat-x top left;
    position: relative;
}
.topnav ul.level_1
{
    margin: 0 auto;
    font-family: georgia;
    font-style: italic;
    padding-left: 25px;
}
.topnav ul.level_1 li
{
    float: left;
    min-width: 86px;
    border-right: 1px dotted #f681c6;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    height: 25px;
    list-style-type: none;
    margin: 0;
}
.topnav ul.level_1 li.first
{
    border-left: 1px dotted #f681c6;
}
.topnav ul.level_1 li a
{
    display: block;
    color: white;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 15px 9px 15px;
}
.topnav ul.level_1 li a:hover
{
    background: url(images/bgTopNavOver.png) repeat-x bottom center;
}
.topnav ul.level_1 li.active a
{
    background: url(images/bgTopNavActive.png) repeat-x bottom center;
}
.topnav ul li.dream a span, .topnav ul li.friends a span, .topnav ul li.play a span
{
    display: block;
    text-indent: -4000px;
    height: 25px;
    width: 56px;
}
.topnav ul li.dream a span
{
    background: url(images/topNavTextDream.png) no-repeat center center;
}
.topnav ul li.friends a span
{
    background: url(images/topNavTextFriends.png) no-repeat center 7px;
}
.topnav ul li.play a span
{
    background: url(images/topNavTextplay.png) no-repeat center 7px;
}






/**************
drop down sliding subnav
*****************/

.navdrop
{
    padding: 15px 0 10px 0;
    background: url(images/bgTransparent1.png);
}
.navdrop .holder
{
    position: relative;
}

.navdrop #slider
{
    position: relative;
    width: 942px;
    margin: 0 auto;
    background: transparent;
}


.navdrop #slider .scroll
{
    width: 942px;
    height: 116px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.navdrop #slider .panel
{
    height: 116px;
    width: 912px;
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
}

.navdrop img.scrollButtons
{
    position: absolute;
    top: 46px;
    left: 0px;
    cursor: pointer;
    background: url(images/buttonsCarousel.png) no-repeat;
    height: 20px;
    width: 20px;
}

.navdrop img.scrollButtons.right
{
    left: 930px;
    background-position: 0px -18px;
}

.navdrop .close
{
    position: absolute;
    right: 10px;
    top: 108px;
}
/* end nav drop */







/**************
drop down sliding HUB NAV
*****************/

.navdrop
{
    padding: 15px 0 10px 0;
    background: url(images/bgTransparent1.png);
    display: none;
}
.navdrop .holder
{
    position: relative;
}

#hubDrop #slider
{
    position: relative;
    width: 952px;
    margin: 0 auto;
    background: transparent;
}


#hubDrop #slider .scroll
{
    width: 942px;
    height: 116px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
}


#hubDrop .holder .group
{
    height: 116px;
    width: 912px;
    margin: 0 auto 10px auto;
    padding: 0 30px;
}

#hubDrop .holder .group .item
{
    width: 294px;
    height: 116px;
    float: left;
    background: url(images/bgSubNavItemStates.png) no-repeat 0 0;
    margin-right: 5px;
    position: relative;
}

.navdrop .subLink a{
	font-size:11px;
	padding:2px 1px;
}

.navdrop img.scrollButtons
{
    position: absolute;
    top: 46px;
    left: 0px;
    cursor: pointer;
    background: url(images/buttonsCarousel.png) no-repeat;
    height: 20px;
    width: 20px;
}

.navdrop img.scrollButtons.next
{
    left: 930px;
    background-position: 0px -18px;
}

.navdrop .close
{
    position: absolute;
    right: 10px;
    top: 108px;
}


/*****************
* hub pages 
*****************/


/* dropdown nav hub */

#hubDrop .item.last
{
    margin: 0;
}
#hubDrop .item .icon a
{
    height: 110px;
    width: 109px;
    background: url(images/subNavIconPlayWisdoms.png) no-repeat top left;
    border-right: 1px solid #e4e4e4;
    margin: 3px 3px;
    display: block;
}
#hubDrop .item .info
{
    float: left;
    width: 179px;
    margin: 3px 0;
}
#hubDrop .item .info h2
{
    margin: 0 5px;
    color: #493926;
    font-weight: normal;
    font-size: 14px;
}
#hubDrop .item .info .teaser
{
    display: block;
    color: #EB018D;
    font-family: georgia;
    font-style: italic;
    font-size: 11px;
    margin: 0 5px;
    text-align: left;
    height: 65px;
    overflow-y: hidden;
}

#hubDrop .item .link a
{
    position: absolute;
    width: 294px;
    height: 116px;
    top: 0;
    display: block;
    background: url(images/bgSubNavItemStates.png) no-repeat 0px -5000px;
}

#hubDrop .item.comingSoon .link a:hover
{
    background-position: 0px -117px;
}



/* hub item 2ndary navigation links 
for non javascript browsers */

#hubDrop .item .hubItemNav
{
    font-size: 11px;
    margin-left: 15px;
}
#hubDrop .item .hubItemNav span
{
    margin-right: 5px;
    padding-right: 5px;
    border: 1px solid #e9e9e9;
    border-width: 0 1px 0 0;
}
#hubDrop .item .hubItemNav span.last
{
    border: none;
}

/* this is the rollover state css 
for the hub item (no sub nav) */

#hubDrop .item.itemHover
{
    background-position: 0px -348px;
}

/* this is the rollover state css 
for the hub item subnav */

#hubDrop .item .hubItemNav.hovered
{
    position: absolute;
    width: 294px;
    height: 116px;
    top: 0;
    display: block;
    background: url(images/bgSubNavItemStates.png) no-repeat 0px -234px;
    left: 0;
    margin: 0;
    padding-top: 0px;
}
#hubDrop .item .hubItemNav.hovered .choose
{
    width: 111px;
    text-align: center;
    margin: 5px 0 8px 0;
    font-family: georgia;
    font-style: italic;
    color: #ABBDB2;
}
#hubDrop .item .hubItemNav.hovered span
{
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: georgia;
    font-style: italic;
}
#hubDrop .item .hubItemNav.hovered span a
{
    display: block;
    width: 111px;
    background: #ecefef;
    margin: 0px 0;
    padding-left: 3px;
    border: 1px solid #e9e9e9;
    border-width: 0 0 1px 0;
}
#hubDrop .item .hubItemNav.hovered span a
{
    color: #EB018D;
}
#hubDrop .item .hubItemNav.hovered span a:hover
{
    color: #C10074;
    background: #e1e1e1;
}



/* end HuB DROP nav */





/*****************
* hub pages 
*****************/

body.hub div#div_body_center
{
    margin: 0px auto 0 auto;
}

#hub
{
    position: relative;
    width: 940px;
    margin: 20px auto 0px auto;
}
#hub .scroll
{
    position: relative;
    height: 464px;
    width: 484px;
    overflow-y: auto;
    margin: 0 auto 0 auto;
}
/* hub group */
#hub .group
{
    margin: 0 auto 12px auto;
    clear: both;
}
/* hub item */

#hub .group .item
{
    width: 464px;
    height: 147px;
    background: url(images/bgHubPageItemStates.png) no-repeat 0 0;
    overflow: hidden;
    position: relative;
    margin: 0 auto 12px 0;
}
#hub .group .item.last
{
    margin-bottom: 0px;
}
#hub .group .item .icon a
{
    height: 139px;
    width: 150px;
    background: url(images/hubIconPlayMissions.png) no-repeat top left;
    border-right: 1px solid #e4e4e4;
    margin: 3px 10px;
    display: block;
}
#hub .group .item .info
{
    float: left;
    width: 290px;
    margin: 4px 0;
}
#hub .group .item .info h2
{
    margin: 0 15px;
    color: #493926;
    font-weight: normal;
    font-size: 18px;
}
#hub .group .item .info .teaser
{
    display: block;
    color: #EB018D;
    font-family: georgia;
    font-style: italic;
    font-size: 11px;
    margin: 0 15px;
    text-align: justify;
}


#hub .group .item .link a
{
    position: absolute;
    width: 464px;
    height: 147px;
    top: 0;
    left: 0;
    display: block;
}

#hub .group .item.comingSoon .link a:hover
{
    background: url(images/bgHubPageItemStates.png) no-repeat 0px -148px;
}

#hub .scrollButtons
{
    height: 16px;
    width: 18px;
    background: url(images/buttonsHub.png) no-repeat top left;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 40px;
    left: -30000px;
}
#hub .scrollButtons.prev
{
    background-position: -19px 0px;
    top: 20px;
}

/* hub item 2ndary navigation links 
for non javascript browsers */

#hub .group .item .hubItemNav
{
    font-size: 11px;
    margin-left: 15px;
}
#hub .group .item .hubItemNav span
{
    margin-right: 5px;
    padding-right: 5px;
    border: 1px solid #e9e9e9;
    border-width: 0 1px 0 0;
}
#hub .group .item .hubItemNav span.last
{
    border: none;
}

/* this is the rollover state css 
for the hub item (no subnav) */
#hub .item.itemHover
{
    background-position: 0 -441px;
}

/* this is the rollover state css 
for the hub item subnav */

#hub .group .item .hubItemNav.hovered
{
    position: absolute;
    width: 465px;
    height: 147px;
    top: 0;
    display: block;
    background: url(images/bgHubPageItemStates.png) no-repeat 0px -294px;
    left: 0;
    margin: 0;
    padding-top: 0px;
}
#hub .group .item .hubItemNav.hovered .choose
{
    width: 155px;
    text-align: center;
    margin: 10px 0 15px 0;
    font-family: georgia;
    font-style: italic;
    color: #ABBDB2;
}
#hub .group .item .hubItemNav.hovered span
{
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: georgia;
    font-style: italic;
}
#hub .group .item .hubItemNav.hovered span a
{
    display: block;
    width: 155px;
    background: #ecefef;
    margin: 0px 0;
    padding-left: 5px;
    border: 1px solid #e9e9e9;
    border-width: 0 0 1px 0;
}
#hub .group .item .hubItemNav.hovered span a
{
    color: #EB018D;
}
#hub .group .item .hubItemNav.hovered span a:hover
{
    color: #C10074;
    background: #e1e1e1;
}


/* Hub Nav 
(phased out for the standard top nav)
*/
#hubNavigation
{
    position: absolute;
    left: 50px;
    bottom: 20px;
}
#hubNavigation li
{
    list-style-type: none;
    font-weight: bold;
    font-style: italic;
    font-family: georgia;
}
#hubNavigation li a
{
    color: #ABBDB1;
}


/*********************************/
/*hub icon depending on item */
/*********************************/
/*play group */

#hub .group .item.games .icon a
{
    background: url(images/hubIconPlayGames.png) no-repeat center center;
}
#hub .group .item.missions .icon a
{
    background: url(images/hubIconPlayMissions.png) no-repeat center center;
}
#hub .group .item.music .icon a
{
    background: url(images/hubIconPlayMusic.png) no-repeat center center;
}

/*hub drop */
#hubDrop .group .item.games .icon a
{
    background: url(images/subNavIconPlayGames.png) no-repeat top center;
}
#hubDrop .group .item.missions .icon a
{
    background: url(images/subNavIconPlayWisdoms.png) no-repeat top center;
}
#hubDrop .group .item.music .icon a
{
    background: url(images/subNavIconPlayMusic.png) no-repeat top center;
}



/*friends group */

#hub .group .item.me .icon a
{
    background: url(images/hubIconFriendsMe.png) no-repeat center center;
}
#hub .group .item.groups .icon a
{
    background: url(images/hubIconFriendsGroups.png) no-repeat center center;
}
#hub .group .item.messages .icon a
{
    background: url(images/hubIconFriendsMessages.png) no-repeat center center;
}

/*hub drop */
#hubDrop .group .item.me .icon a
{
    background: url(images/subNavIconFriendsMe.png) no-repeat top center;
}
#hubDrop .group .item.groups .icon a
{
    background: url(images/subNavIconFriendsGroups.png) no-repeat top center;
}
#hubDrop .group .item.messages .icon a
{
    background: url(images/subNavIconFriendsMessages.png) no-repeat top center;
}




/* dream group */

#hub .group .item.gallery .icon a
{
    background: url(images/hubIconDreamGallery.png) no-repeat center center;
}
#hub .group .item.aventurine .icon a
{
    background: url(images/hubIconDreamAventurine.png) no-repeat center center;
}
#hub .group .item.dreambooks .icon a
{
    background: url(images/hubIconDreamDreambooks.png) no-repeat center center;
}

/*hub drop */
#hubDrop .group .item.gallery .icon a
{
    background: url(images/subNavIconDreamGallery.png) no-repeat top center;
}
#hubDrop .group .item.aventurine .icon a
{
    background: url(images/subNavIconDreamAventurine.png) no-repeat top center;
}
#hubDrop .group .item.dreambooks .icon a
{
    background: url(images/subNavIconDreamDreambooks.png) no-repeat top center;
}







/*********
* sub pages
**********/
.intro .info h1
{
    margin-bottom: 0;
}
.intro .info h4
{
    color: #EB018D;
    font-size: 17px;
    margin-bottom: 5px;
}
.intro .label
{
    display: block;
    font-family: georgia;
    font-style: italic;
    font-weight: normal;
    font-size: 11px;
    margin: 0;
}
.intro .info p
{
    font: italic 14px georgia;
    line-height: 1.6em;
    text-align: justify;
}
.intro .info p a
{
    color: #EB018D;
}
.intro .info p a:hover
{
    color: #C10074;
}

/****mission page ***************/
.mission .missionIntro .imagery
{
}


/* mission stats */
.missionStats .category
{
    clear: both;
    margin-bottom: 5px;
    border-bottom: 1px solid#e3e3e3;
    padding-bottom: 10px;
}
.missionStats .category.last
{
    border-bottom: none;
}
.missionStats .completion
{
    float: left;
    padding: 10px;
    position: relative;
}
.missionStats .completion .graph
{
    display: block;
    height: 21px;
    width: 21px;
    position: relative;
    text-indent: -4000px;
    background-image: url(images/iconsMissionCompletion.png);
    background-repeat: no-repeat;
    margin: 0;
}

.missionStats .completion .label
{
    font-size: 10px;
    position: absolute;
    top: 32px;
    left: 10px;
}
.missionStats .category .group
{
    margin-right: 10px;
    text-align: right;
    line-height: 22px;
}
.missionStats .category .group .score
{
    font-size: 17px;
    color: #EB018D;
    font-weight: bold;
}
.missionStats .category .group .label
{
    font-size: 12px;
}

/* mission stat circle graph - background pos indicates graph img */
.missionStats .completion .graph.percent100
{
    background-position: bottom left;
}
.missionStats .completion .graph.percent50
{
    background-position: 0 -30px;
}
/*end mission stat circle graph */

/*mission messages widget */

.messages .item
{
    clear: both;
    padding: 0 10px 10px 10px;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}
.messages .avatar
{
    float: left;
    display: block;
    padding-right: 10px;
}
.messages .avatar img
{
    border: 1px solid #e3e3e3;
}
.messages .label
{
    font-style: normal;
    color: #EB018D;
}
.messages .excerpt
{
    display: block;
}

/* new members widget */
.newMembers
{
}
.newMembers .avatars
{
    margin: 0 auto;
    width: 160px;
    text-align: center;
    padding-left: 25px;
}
.newMembers .item
{
    float: left;
    margin: 0;
    padding: 5px 10px;
    font-size: 10px;
}
.newMembers .item img
{
    display: block;
    border: 1px solid #e3e3e3;
}
.newMembers .label.online
{
    display: block;
    padding-left: 12px;
    width: 40px;
    background: url(images/iconOnlineButterfly.gif) no-repeat 0 2px;
}

/* invite friends widget */
.subBox.inviteFriends input
{
    margin-bottom: 10px;
    width: 176px;
}
.subBox.inviteFriends textarea
{
    height: 100px;
    margin-bottom: 10px;
}
.subBox.inviteFriends .submitButton
{
    background: none;
    border: none;
    display: block;
    width: auto;
    float: right;
    margin-right: 10px;
}

/* wisdom at a glance */
.wisdomGlance .wisdomStats
{
    width: 30%;
    font-weight: bold;
}
.wisdomGlance .cardPreview
{
    width: 38%;
    margin-top: 0px;
    border: 1px solid #e3e3e3;
    border-width: 0 1px 0 1px;
}
.wisdomGlance .description
{
    width: 60%;
}
.wisdomGlance .description .quote
{
    font-weight: bold;
    margin: 5px 10px 10px 10px;
    text-align: left;
}
.wisdomGlance .description p
{
    text-align: justify;
    margin: 0 10px;
}
.wisdomGlance .wisdomStats .category
{
    margin: 20px auto 0 auto;
    width: 80%;
}
.wisdomGlance .wisdomStats .category .group
{
    float: left;
    margin-right: 0px;
    display: block;
    width: 100px;
}
.wisdomGlance .wisdomStats .category .group .score
{
    display: block;
    font-size: 17px;
    color: #EB018D;
}

/* mission million girl choir specific */
.swf.millionGirlChoir
{
    margin-bottom: -5px;
}








/******************************************
******************************************
******************************************
begin original css
*********************************************
******************************************
******************************************/



div#div_body_center
{
    margin: 40px auto 0 auto;
}

.body-join div#div_body_center, .body-login div#div_body_center
{
    position: relative;
}
.body-home #div_body_center
{
    position: static;
}


/*for login and join and those 
front left pages, 
the logo should be absolute pos */
body.fixed #div_body_logo
{
    position: absolute;
}


/* full screen flash */
.homeSplash
{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.homeFrame
{
    position: relative;
    margin: 0px auto 0px auto;
    width: 940px;
}


.container
{
    width: 500px;
    margin: 50px auto;
    background: white;
    padding: 20px;
}




/*general purpose announcement for thanks after form-submitting*/
div.anncmnt
{
    background-color: #ffcc33;
    font-size: 13px;
    padding: 10px;
    margin: 10px;
}
div.form_instructions
{
    background-color: #c1cd98;
    font-size: 13px;
    padding: 10px;
}


/*form divs for labels and input sides and a clearer */
div.lsideform
{
    float: left;
    width: 15%;
    background-color: #eeeeee;
    font-size: 13px;
    text-align: right;
    padding: 2px;
    margin: 2px;
}

div.rsideform
{
    float: left;
    width: 75%;
    background-color: #ffffff;
    font-size: 13px;
    text-align: left;
    padding: 2px;
    margin: 2px;
}

div.clearboth
{
    clear: both;
}
div.clearbothwline
{
    clear: both;
    border-bottom: 1px #ddd solid;
}

div.toollist
{
    background-color: #efefff;
    padding: 10px;
    margin: 10px;
}




/**********
login and join pages ** deprecated 7/1/09
**********/
.homeFrame.login
{
    background: url(images/bgSignInPageSD.png) no-repeat top center;
    height: 900px;
}
.homeFrame.join
{
    background: url(images/bgJoinPage.png) no-repeat top center;
    height: 700px;
}
.homeFrame .form
{
    width: 360px;
    color: #fff;
    font-family: verdana;
    position: absolute;
    top: 350px;
    left: 280px;
}
.homeFrame.login .form
{
    top: 655px;
    left: 425px;
}
.homeFrame.login .form input.button
{
    background: transparent;
}
.homeFrame.login .form input.text
{
    width: 208px;
}
.homeFrame.login .read
{
    top: 714px;
    position: absolute;
    left: 310px;
}
.homeFrame .form .label
{
    text-align: right;
    color: #fff;
    font-size: 11px;
    padding-right: 5px;
    vertical-align: top;
}


.homeFrame .form input.text
{
    background: url(images/bgInputText.jpg) no-repeat top left;
    border: 1px solid #aca499;
    border-width: 1px 1px 0px 1px;
    width: 272px;
    margin-bottom: 10px;
}
.button
{
    border: 0;
    padding: 0;
}
.button.join
{
    margin: 2px 0 0 10px;
}
.homeFrame .form .note
{
    color: #fff;
    font-size: 10px;
    margin-bottom: 0px;
}

/********
 * VIDEO TEASER
 * **********/
.homeFrame.video
{
    background: url(images/bgVideoFrame.png) no-repeat top center;
    height: 770px;
}
.homeFrame.video .teaser
{
    margin: 0 auto;
    text-align: center;
    padding-top: 193px;
    padding-left: 1px;
}

.video .skipButton a
{
    display: block;
    height: 30px;
    width: 100px;
    position: absolute;
    right: 230px;
    top: 525px;
}



/* new 11-3-08 */
/*this has all been deprecated.. i think we can remove */
.block.noTop
{
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.block ul, .block li
{
    margin: 0;
    padding: 0;
}

.block ul
{
    padding-top: 0;
    margin-bottom: 10px;
}

.unit.first
{
    border-top: 0;
    padding-top: 0;
}
.block h4
{
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 10px;
}
.block ul ul li
{
    position: relative;
    top: -10px;
    font-size: .9em;
}
.block p
{
    margin-bottom: 5px;
}
/* end new 3-11 */










/***************
 * Content title 
 * *******/
.contentTitle h1, .contentNav h1
{
    font: bold italic 23px georgia;
    padding: 5px 0;
    margin-bottom: 0px;
    color: #493A26;
}

/***
 * Content Boxes 
 * *********/
.contentBox
{
    background: url(images/bgTransparent1.png);
    margin-bottom: 30px; /* was 50 */
}

.contentBox_music
{
    margin-bottom: 30px; /* was 50 */
}

.contentBox.right
{
    float: right;
}
.contentBox.left
{
    float: left;
}
.contentBox .holder
{
    padding: 0 10px 10px 10px;
}

.column
{
    padding: 0;
    margin: 0;
}

.contentBox .jumpLink a
{
    text-align: center;
    font: italic bold 11px georgia;
    color: #EB018D;
    display: block;
}
.contentBox.grid_12
{
    padding-top: 9px;
    background: url(images/bgContentBox12Top.png) no-repeat;
}
.contentBox.grid_12 .holder
{
    background: url(images/bgContentBox12Bottom.png) no-repeat bottom left;
}

body.dreambook .contentBox.grid_12
{
    padding-top: 9px;
    background: url(images/bgContentBox12Top.png) no-repeat;
}
body.dreambook .contentBox.grid_12 .holder
{
    background: url(images/bgContentBox12Bottom.png) no-repeat bottom left;
}

body.terms .contentBox.grid_12
{
    padding-top: 9px;
    background: url(images/bgContentBox12Top.png) no-repeat;
}

body.dream .contentBox.grid_12
{
    padding-top: 9px;
    background: url(images/bgContentBox12Top.png) no-repeat;
}

body.terms .contentBox.grid_12 .holder
{
    background: url(images/bgContentBox12TermsBottom.png) no-repeat bottom left;
}

body.dream .contentBox.grid_12
{
    padding-top: 9px;
    background: url(images/bgContentBox12Top.png) no-repeat;
}

body.dream .contentBox.grid_12 .holder
{
    float: none;
    background: url(images/bgContentBox12JournalBottom.png) no-repeat bottom left;
}

body.dream .contentBox.grid_13
{
    padding-top: 9px;
    background: url(images/bgContentBox12Top.png) no-repeat;
    width: 941px;
}

body.dream .contentBox.grid_13 .holder
{
    float: none;
    background: url(images/bgContentBox12Bottom.png) no-repeat bottom left;
}

/* Music Box Holder */
body.dream #musicBoxTop
{
    padding-top: 6px;
    width: 721px;
    background: url(images/musicArtistTop.png) no-repeat;
    margin-left: 5px;
margin-bottom:10px;
}
body.dream #musicBoxHolder
{
    background: url(images/musicArtistHolder.png) no-repeat bottom left;
    width: 721px;
}

body.dream #musicBoxHolder .ArtistCover
{
    width: 126px;
    height: 126px;
    margin-left: 6px;
    margin-bottom: 6px;
margin-right:10px;
}

body.dream #musicBoxHolder .ArtistCover img
{
    border: solid 5px #D7DAD1;
}

body.dream #musicBoxHolder .ArtistSong
{
    font-family: Georgia;
    color: #ED028D;
    font-size: 25px;
    font-style: italic;
    display:inline;
line-height:normal;
}

body.dream #musicBoxHolder .PlayIt
{
    font-family: Georgia;
    float: right;
    color: #ED028D;
    font-style: italic;
    font-size: 14px;
    margin-right: 15px; /* disable this because the yahoo player will add the icon width:60px; background-image:url(images/iconsSprites.png); background-position: 0px -838px; text-align:right; */
    margin-top: 5px;
margin-left:10px;
}
body.dream #musicBoxHolder .PlayIt a
{
    color: #ED028D; /*override ymp css */
}

/* disable playlist, popup button, close button, target button*/
#ymp-tray, #ymp-btn-pop, #ymp-btn-close, #ymp-btn-target {visibility:hidden; display:none;}

body.dream #musicBoxHolder .PlayIt a em
{
    top: 2px; /*ymp icon placement shift */
}
#ymp-meta-artist-title{
margin-top:5px !important;
}

body.dream #musicBoxHolder .LoveIt
{
    font-family: Georgia;
    float: right;
    color: #ED028D;
    font-style: italic;
    font-size: 14px;
    margin-right: 15px;
    width: 60px;
    background-image: url(images/iconsSprites.png);
    background-position: 0px -812px;
    text-align: right;
    margin-top: 5px;
}

body.dream #musicBoxHolder .BuyIt
{
    font-family: Georgia;
    float: right;
    color: #ED028D;
    font-style: italic;
    font-size: 14px;
    margin-right: 10px;
    width: 60px;
    background-image: url(images/iconsSprites.png);
    background-position: 0px -785px;
    text-align: right;
    margin-top: 5px;
}

body.dream #musicBoxHolder .ByFrom
{
    font-family: Georgia;
    color: #78817E;
    font-style: italic;
    font-size: 14px;
    margin-left: 10px;
    text-align: left;
}

body.dream #musicBoxHolder .ByFromMore
{
    font-family: Georgia;
    color: #78817E;
    font-style: italic;
    font-size: 14px;
    margin-left: 10px;
    text-align: left;
    width: 300px;
    float: left;
}

body.dream #musicBoxHolder .By
{
    font-family: Georgia;
    color: #493A26;
    font-style: italic;
    font-size: 19px;
    text-align: left;
}

body.dream #musicBoxHolder .From
{
    font-family: Georgia;
    color: #89AE87;
    font-style: italic;
    font-size: 14px;
    text-align: left;
}

body.dream #musicBoxHolder .more
{
    font-family: Georgia;
    color: #78817E;
    font-style: italic;
    font-size: 14px;
    margin-left: 10px;
    text-align: center;
    line-height: 10px;
    margin-top: 20px;
}

body.dream #caja
{
    display: none;
    margin-bottom: 10px;
}

body.dream .songDiv
{
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 10px;
    margin-top: 0px;
    height: 2px;
    border-bottom: solid 1px #CCCCCC;
}



body.dream #whitebox .bg
{
    background: url(images/whiteBox.png) no-repeat;
    background-position: center;
    height: 232px;
}

body.dream #whitebox .title
{
    margin-top: 15px;
    font-family: Georgia;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: #493A26;
}

body.dream #whitebox .textWisdomAct
{
    font-family: Georgia;
    font-size: 10.4px;
    font-style: italic;
    color: #493A26;
}

body.dream #whitebox .linksWisdomAct
{
    font-family: Georgia;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #EC028D;
}

body.dream #boxTitle
{
    float: right;
    width: 580px;
    height: 35px;
    margin-left: 0px;
}

body.dream #boxTitleAventurine
{
    float: right;
    width: 690px;
    height: 35px;
    margin-left: 0px;
}

body.talismanMaker #boxTitleTop
{
    float: left;
    width: 220px;
    height: 35px;
    margin-left: 15px;
}

body.talismanMaker .pick
{
    float: left;
    font-family: Georgia;
    font-style: italic;
    font-size: 21px;
    width: 300px;
    height: 35px;
    margin-left: 0px;
    color: #839F84;
}

body.dream #boxTitleAventurine .contentNavNoCase
{
    margin: 8px 0 0 8px;
    padding: 0;
    font-family: georgia;
    font-style: italic;
}

body.dream #boxTopLinks
{
    float: right;
    width: 125px;
    height: 20px;
    margin-top: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #EC028D;
    margin-left: 0px;
}

body.dream #boxTitleLine
{
    float: right;
    width: 705px;
    height: 35px;
    border-bottom: solid 1px #CBBFD6;
}

body.dream #dreamBoxTop
{
    margin-top: 6px;
    padding-top: 9px;
    width: 705px;
    float: right;
    background: url(images/bgDreamBoxTop.png) no-repeat;
}
body.dream #dreamBoxHolder
{
    background: url(images/bgDreamBoxBottom.png) no-repeat bottom left;
    width: 705px;
    float: right;
}

body.dream #location
{
    font-family: Georgia;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    color: #89AE87;
    margin-left: 15px;
}

body.dream #tagsAventurine
{
    font-family: Georgia;
    font-size: 10px;
    font-style: italic;
    color: #818D87;
    margin-left: 15px;
    margin-bottom: 20px;
    margin-top: 5px;
}

body.dream #dreamFriendsTop
{
    margin-top: 5px;
    padding-top: 6px;
    width: 716px;
    float: right;
    background: url(images/bgContentDreamBookFriendsTop.png) no-repeat;
}

body.dream #dreamFriendsHolder
{
    background: url(images/bgContentDreamBookFriendsBottom.png) no-repeat bottom left;
    width: 716px;
    height: 294px;
    float: right;
}

body.dream #dreamFriendsTable
{
    margin-top: 30px;
}

body.dream #dreamFriendsTable .viewAll
{
    color: #EC028D;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    font-family: Georgia;
    margin-right: 10px;
}

body.dream .BookCover
{
    float: left;
    width: 197px;
    height: 241px;
    margin-left: 9px;
    margin-bottom: 9px;
}

body.dream .AventurineFrame
{
    float: right;
    width: 226px;
    height: 289px;
    margin-right: 9px;
    margin-bottom: 9px;
}

body.dream .QuickFacts
{
    float: right;
    width: 190px;
    margin-right: 9px;
    font-family: Georgia;
    font-size: 11px;
    font-style: italic;
    color: #493A26;
}

body.dream .bookAccordion img
{
    margin-right: 15px;
}

body.dream .QuickFacts .bold
{
    float: right;
    width: 226px;
    margin-right: 9px;
    font-family: Georgia;
    font-size: 11px;
    font-style: italic;
    color: #493A26;
    font-weight: bold;
}

body.dream .AventurineTitleBox
{
    float: left;
    margin-left: 13px;
    font-family: Georgia;
    color: #493A26;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    width: 430px;
    border-bottom: solid 1px #9D9C91;
    height: 30px;
}

body.dream .AventurineText
{
    float: left;
    margin-left: 13px;
    font-family: Georgia;
    color: #493A26;
    font-size: 14px;
    font-style: italic;
    width: 430px;
}

body.dream .bookDate
{
    float: left;
    margin-left: 25px;
    font-family: Georgia;
    color: #78817E;
    font-size: 18px;
    font-style: italic;
    width: 450px;
}

body.dream .margin
{
    margin-top: 25px;
}

body.dream .bookTime
{
    font-size: 14px;
}

body.dream .bookTextMyJournal
{
    float: left;
    margin-left: 25px;
    font-family: Georgia;
    color: #493A26;
    font-size: 14px;
    font-style: italic;
    width: 450px;
}

body.dream #wisdomBoxLittleTop
{
    margin-top: 5px;
    padding-top: 6px;
    width: 220px;
    float: none;
    background: url(images/wisdowsLittleBoxTop.png) no-repeat;
    margin-left: 10px;
}

body.dream #wisdomBoxLittleHolder
{
    background: url(images/wisdowsLittleBoxBottom.png) no-repeat bottom left;
    width: 220px;
    float: left;
}

body.dream #wisdomBoxLittleTopGallery
{
    margin-top: 5px;
    padding-top: 6px;
    width: 202px;
    float: none;
    background: url(images/wisdowsLittleBoxGalleryTop.png) no-repeat;
}

body.dream #wisdomBoxLittleHolderGallery
{
    background: url(images/wisdowsLittleBoxGalleryBottom.png) no-repeat bottom left;
    width: 202px;
    float: left;
}

body.talismanMaker #talismanHolderBg
{
    margin-bottom: 25px;
    width: 720px;
    height: 161px;
    background: url(images/talismanHolderBg.png) no-repeat;
}

body.talismanMaker #talismanBoxTop
{
    margin-top: 10px;
    padding-top: 5px;
    margin-left: 11px;
    width: 130px;
    background: url(images/talismanBoxTop.png) no-repeat;
    text-align: center;
}

body.talismanMaker .currentTalisman
{
    width: 130px;
    background-color: #abbcb2;
    text-align: center;
}

body.talismanMaker .line
{
    border-bottom: solid 1px #AFB9B7;
    float: right;
    width: 720px;
}

body.talismanMaker .talismanBoxHolder
{
    background: url(images/talimanHolderBody.png) no-repeat bottom left;
    width: 130px;
    height: 130px;
    float: right;
}

body.talismanMaker #talismanBig
{
    width: 130px;
    text-align: center;
}

body.talismanMaker #talismanCrop
{
    width: 70px;
    text-align: left;
    float: right;
}

body.talismanMaker #plus
{
    width: 30px;
    margin-left: 23px;
    text-align: left;
    float: left;
    font-family: Georgia;
    font-style: italic;
    color: #AFB9B7;
    font-size: 10px;
}


/* talismanMaker menu accordion */

body.talismanMaker #wisdomMenuTop
{
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 6px;
    width: 190px;
    float: none;
    background: url(images/wisdomMenuTop.png) no-repeat;
}

body.talismanMaker #wisdomMenuHolder
{
    background: url(images/wisdomMenuBottom.png) no-repeat bottom left;
    width: 190px;
    float: left;
}

/* Wisdom menu accordion */

body.dream #wisdomMenuTop
{
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 6px;
    width: 190px;
    float: none;
    background: url(images/wisdomMenuTop.png) no-repeat;
}

body.dream #wisdomMenuHolder
{
    background: url(images/wisdomMenuBottom.png) no-repeat bottom left;
    width: 190px;
    float: left;
}

body.dream #wisdomMenuHolder .titles
{
    font-family: Georgia;
    font-size: 20px;
    font-style: italic;
    color: #8AA78B;
    margin-left: 10px;
    float: left;
    width: 180px;
    margin-bottom: 8px;
    margin-top: 15px;
}

body.dream #wisdomMenuHolder .browse
{
    font-family: Georgia;
    font-size: 20px;
    font-style: italic;
    color: #8AA78B;
    margin-left: 10px;
    margin-top: 25px;
}

body.dream #wisdomMenuHolder .browse_songs
{
    font-family: Georgia;
    font-size: 20px;
    font-style: italic;
    color: #8AA78B;
    margin-left: 10px;
    margin-top: 5px;
}

/** talismanMaker titles and browse text **/

body.talismanMaker #wisdomMenuHolder .titles
{
    font-family: Georgia;
    font-size: 20px;
    font-style: italic;
    color: #8AA78B;
    margin-left: 10px;
    float: left;
    width: 150px;
    margin-bottom: 8px;
    margin-top: 15px;
}

body.talismanMaker #wisdomMenuHolder .browse
{
    font-family: Georgia;
    font-size: 20px;
    font-style: italic;
    color: #8AA78B;
    margin-left: 10px;
    margin-top: 25px;
}

body.talismanMaker #wisdomMenuHolder .searchForm
{
    float: left;
    width: 190px;
}

body.talismanMaker #wisdomMenuHolder #search
{
    background: url(images/bgSearchInput.png) no-repeat;
    height: 21px;
    width: 180px;
    margin: 0 auto 20px auto;
}

body.talismanMaker #wisdomMenuHolder #search #s
{
    float: left;
    padding: 0;
    margin: 0px;
    padding: 4px 0 0 15px;
    border: 0;
    width: 144px;
    height: 17px;
    background: none;
    color: #E9018B;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}



body.talismanMaker #wisdomMenuHolder #search #go
{
    float: right;
    margin: 0px;
    border: none;
    padding: 0;
}
/* end  */

body.terms #searchForm
{
    float: left;
    width: 190px;
}

body.terms #search
{
    background: url(images/bgSearchInput.png) no-repeat;
    height: 21px;
    width: 180px;
    margin: 0 auto 20px auto;
}

body.terms #search #s
{
    float: left;
    padding: 0;
    margin: 0px;
    padding: 4px 0 0 15px;
    border: 0;
    width: 144px;
    height: 17px;
    background: none;
    color: #E9018B;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}



body.terms #search #go
{
    float: right;
    margin: 0px;
    border: none;
    padding: 0;
}

body.terms #searchBrowse
{
    background-color: #DCE1DA;
    margin-top: 0px;
    font-family: georgia;
    font-size: 12px;
}

/*end*/

body.friends .searchForm
{
    float: left;
    width: 190px;
}

body.friends #search
{
    background: url(images/bgSearchInput.png) no-repeat;
    height: 21px;
    width: 180px;
    margin: 0 auto 20px auto;
}

body.friends .s
{
    float: left;
    padding: 0;
    margin: 0px;
    padding: 4px 0 0 15px;
    border: 0;
    width: 144px;
    height: 17px;
    background: none;
    color: #E9018B;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}

body.friends .go
{
    float: right;
    margin: 0px;
    border: none;
    padding: 0;
}

body.friends .searchBrowse
{
    background-color: #DCE1DA;
    margin-top: 0px;
    font-family: georgia;
    font-size: 12px;
}

body.friends .searchBrowse h2
{
    color: #89A78B;
    padding: 5px 5px 5px 15px;
    margin: 0;
    font-size: 150%;
}

/*end*/

body.dream #wisdomMenuHolder .searchForm
{
    float: left;
    width: 190px;
}

body.dream #wisdomMenuHolder #search
{
    background: url(images/bgSearchInput.png) no-repeat;
    height: 21px;
    width: 180px;
    margin: 0 auto 20px auto;
}

body.dream #wisdomMenuHolder #search #s
{
    float: left;
    padding: 0;
    margin: 0px;
    padding: 4px 0 0 15px;
    border: 0;
    width: 144px;
    height: 17px;
    background: none;
    color: #E9018B;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}



body.dream #wisdomMenuHolder #search #go
{
    float: right;
    margin: 0px;
    border: none;
    padding: 0;
}
/* end wisdom menu accordion */
/* games menu accordion */

body.games #gamesMenuTop
{
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 6px;
    width: 160px;
    float: none;
    background: url(images/gamesMenuTop.png) no-repeat;
}


body.games #gamesMenuHolder
{
    background: url(images/gamesMenuBottom.png) no-repeat bottom left;
    width: 160px;
    float: left;
}

body.games #gamesMenuHolder .titles
{
    font-family: Georgia;
    font-size: 20px;
    font-style: italic;
    color: #8AA78B;
    margin-left: 10px;
    float: left;
    width: 150px;
    margin-bottom: 8px;
    margin-top: 15px;
}

body.games #gamesMenuHolder .browse
{
    font-family: Georgia;
    font-size: 20px;
    font-style: italic;
    color: #8AA78B;
    margin-left: 10px;
    margin-top: 25px;
}

body.games #gamesMenuHolder .searchForm
{
    float: left;
    width: 160px;
}

body.games #gamesMenuHolder #search
{
    background: url(images/bgSearchInput.png) no-repeat;
    height: 21px;
    width: 150px;
    margin: 0 auto 20px auto;
}

body.games #gamesMenuHolder #search #s
{
    width: 100px;
}
body.games #textbox input
{
    float: left;
    padding: 0;
    margin: 0px;
    padding: 4px 0 0 15px;
    border: 0;
    width: 114px;
    height: 17px;
    background: none;
    color: #E9018B;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}

body.games .go
{
    float: right;
    margin: 0px;
    border: none;
    padding: 0;
}

body.dream #textbox input
{
    float: left;
    padding: 0;
    margin: 0px;
    padding: 4px 0 0 15px;
    border: 0;
    width: 114px;
    height: 17px;
    background: none;
    color: #E9018B;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}

body.dream .go
{
    float: right;
    margin: 0px;
    border: none;
    padding: 0;
}

/* end games menu accordion */

body.dream #wisdomBoxHolder table
{
    margin-bottom: 0px;
}

body.dream .BookCoverLittle
{
    float: left;
    width: 56px;
    height: 71px;
    margin-left: 6px;
    margin-bottom: 6px;
}

body.dream .BookCoverLittleTitle
{
    width: 150px;
    height: 53px;
    float: right;
    color: #FFFFFF;
    font-family: Georgia;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    border-bottom: #859594 solid 1px;
    margin-right: 3px;
}
body.dream .BookCoverLittleOptions
{
    width: 80px;
    float: right;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 10px;
    margin-right: 3px;
    margin-top: 3px;
    text-align: left;
}
body.dream .BookCoverLittleIcons
{
    width: 20px;
    float: right;
    margin-right: 3px;
    margin-top: 3px;
}

body.dream .BookCoverLittleTitleGallery
{
    width: 135px;
    height: 53px;
    float: right;
    color: #FFFFFF;
    font-family: Georgia;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    border-bottom: #859594 solid 1px;
    margin-right: 3px;
}
body.dream .BookCoverLittleOptionsGallery
{
    width: 65px;
    float: right;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 10px;
    margin-right: 3px;
    margin-top: 3px;
    text-align: left;
}
body.dream .BookCoverLittleIconsGallery
{
    width: 20px;
    float: right;
    margin-right: 3px;
    margin-top: 3px;
}

body.terms #termsText
{
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 20px;
    line-height: 18px;
    font-family: georgia;
    font-size: 14px;
    font-style: italic;
    color: #818181;
}

body.contact .contentBox.grid_12
{
    padding-top: 9px;
    background: url(images/bgContentBox12Top.png) no-repeat;
}
body.contact .contentBox.grid_12 .holder
{
    background: url(images/bgContentBox12TermsBottom.png) no-repeat bottom left;
}

body.contact #contactText
{
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 20px;
    line-height: 18px;
    font-family: georgia;
    font-size: 14px;
    font-style: italic;
    color: #493A26;
}

body.contact #contactText a
{
    color: #EC028D;
    font-weight: bold;
}

body.privacy .contentBox.grid_12
{
    padding-top: 9px;
    background: url(images/bgContentBox12Top.png) no-repeat;
}
body.privacy .contentBox.grid_12 .holder
{
    background: url(images/bgContentBox12TermsBottom.png) no-repeat bottom left;
}

body.privacy #privacyText
{
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 20px;
    line-height: 18px;
    font-family: georgia;
    font-size: 14px;
    font-style: italic;
    color: #818181;
}
/* My journal */

body.dream #DreamTable td
{
    margin: 0px;
    padding: 0px;
}


body.dream #DreamTable
{
    margin: 0px;
}

body.dream #journalTitle
{
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    font-family: georgia;
    font-size: 17px;
    font-style: italic;
    color: #493A26;
    font-weight: bold;
    height: 35px;
}

body.dream #pageDesignBig
{
    margin-left: 10px;
    margin-right: 10px;
}

body.dream .trueDreamTable
{
    width: 699px;
}

body.dream .trueDreamTable .trueDreamTextArea
{
    width: 699px;
    height: 50px;
    background-image:url(images/trueDreamTextareaBg.jpg);
    margin-bottom:11px;
    margin-left: 12px;
}

body.dream .trueDreamTable .trueDreamTextArea .TextArea
{
    width: 680px;
    height: 22px;
    overflow: auto;
    margin-left:5px;
    margin-top:3px;
    font-family:Arial;
    color:#493A26;
    font-size:12px;
    background-color:White;
    resize: none;
    border:solid 1px white;
}

body.dream .trueDreamTable .trueDreamSign
{
    width: 339px;
    height: 39px;
    background-image:url(images/trueDreamSignBg.jpg);
    margin-left: 12px;
}

body.dream .trueDreamTable .trueDreamSign .inputSign
{
    width: 319px;
    height: 17px;
    background:White;
    border:solid 1px White;
    margin-left:5px;
    margin-top:8px;
    font-family:Arial;
    color:#493A26;
    font-size:12px;
}

body.dream .trueDreamTable .trueDreamTags
{
    width: 348px;
    height: 39px;
    margin-left:12px;
    background-image:url(images/trueDreamTagsBg.jpg);
}

body.dream .trueDreamTable .trueDreamTags .inputTags
{
    width: 319px;
    height: 17px;
    background:White;
    border:solid 1px White;
    margin-left:5px;
    margin-top:8px;
    font-family:Arial;
    color:#493A26;
    font-size:12px;
}

body.dream .choosePage
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    height: 13px;
    margin-top: 6px;
    margin-bottom: 7px;
    margin-left: 12px;
    height:15px;
}

body.dream .pageDesigns
{
    margin-left: 12px;
}

body.dream .linksDream
{
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
    height: 20px;
    text-align: right;
    color: #EC028D;
}

body.dream #ThoughtTable td
{
    margin: 5px;
    padding: 7px;
}

body.dream #ThoughtTable .thoughtsTextArea
{
    width: 899px;
    height: 128px;
    background-image:url(images/thoughtsTextAreaBg.jpg);
    margin-left:5px;
}

body.dream #ThoughtTable .thoughtsTextArea .textArea
{
    width: 890px;
    height: 100px;
    overflow: auto;
    margin-left:5px;
    margin-top:3px;
    font-family:Arial;
    color:#493A26;
    font-size:12px;
    background-color:White;
    resize: none;
    border:solid 1px white;
}

body.dream #ThoughtTable .thoughtsTags
{
    width: 348px;
    height: 39px;
    margin-left:5px;
    background-image:url(images/trueDreamTagsBg.jpg);
}

body.dream #ThoughtTable .thoughtsTags .inputTags
{
    width: 319px;
    height: 17px;
    background:White;
    border:solid 1px White;
    margin-left:5px;
    margin-top:8px;
    font-family:Arial;
    color:#493A26;
    font-size:12px;
}


/* remove once the new MyJournal is complete */
body.dream .DreamTextArea
{
    width: 699px;
    height: 40px;
    background-color: #FFFFFF;
    background-image: none;
    border: solid 1px #9C9C9C;
    overflow: auto;
    font-family:Arial;
    color:#493A26;
    font-size:12px;
}

body.dream .input
{
    width: 341px;
    height: 30px;
    background-color: #FFFFFF;
    background-image: none;
}

body.dream .ThoughtTextArea
{
    width: 899px;
    height: 128px;
    background-color: #FFFFFF;
    background-image: none;
}

body.dream .ThoughtInput
{
    width: 338px;
    height: 30px;
    background-color: #FFFFFF;
    background-image: none;
}

body.dream .choose
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    height: 13px;
    margin-bottom: 5px;
    margin-left: 3px;
}

/* end remove once the new MyJournal is complete */

body.parents .contentBox.grid_12
{
    padding-top: 9px;
    background: url(images/bgContentBoxBlue12Top.png) no-repeat;
}
body.parents .contentBox.grid_12 .holder
{
    background: url(images/bgContentBoxBlue12Bottom.png) no-repeat bottom left;
}

.contentBox.grid_10
{
    padding-top: 9px;
    background: url(images/bgContentBox10Top.png) no-repeat;
}
.contentBox.grid_10 .holder
{
    background: url(images/bgContentBox10Bottom.png) no-repeat bottom left;
}
.contentBox.grid_10.dark
{
    background: url(images/bgContentBox10DarkTop.png) no-repeat;
}
.contentBox.grid_10.dark .holder
{
    background: url(images/bgContentBox10DarkBottom.png) no-repeat bottom left;
}
.contentBox.grid_10.white
{
    background: url(images/bgContentBox10WhiteTop.png) no-repeat;
}
.contentBox.grid_10.white .holder
{
    background: url(images/bgContentBox10WhiteBottom.png) no-repeat bottom left;
}



.contentBox.grid_9
{
    padding-top: 9px;
    background: url(images/bgContentBox9Top.png) no-repeat;
}
.contentBox.grid_9 .holder
{
    background: url(images/bgContentBox9Bottom.png) no-repeat bottom left;
}


.contentBox.grid_8
{
    padding-top: 6px;
    background: url(images/bgContentBox8Top.png) no-repeat;
}
.contentBox.grid_8 .holder
{
    background: url(images/bgContentBox8Bottom.png) no-repeat bottom left;
}




.contentBox.grid_7
{
    padding-top: 9px;
    background: url(images/bgContentBox7Top.png) no-repeat;
}
.contentBox.grid_7 .holder
{
    background: url(images/bgContentBox7Bottom.png) no-repeat bottom left;
}
.contentBox.grid_7.dark
{
    background: url(images/bgContentBox7DarkTop.png) no-repeat;
}
.contentBox.grid_7.dark .holder
{
    background: url(images/bgContentBox7DarkBottom.png) no-repeat bottom left;
}
.contentBox.grid_7.white
{
    background: url(images/bgContentBox7WhiteTop.png) no-repeat;
}
.contentBox.grid_7.white .holder
{
    background: url(images/bgContentBox7WhiteBottom.png) no-repeat bottom left;
}



.contentBox.grid_6
{
    padding-top: 9px;
    background: url(images/bgContentBox6Top.png) no-repeat;
}
.contentBox.grid_6 .holder
{
    background: url(images/bgContentBox6Bottom.png) no-repeat bottom left;
}
.contentBox.grid_6.dark
{
    background: url(images/bgContentBox6DarkTop.png) no-repeat;
}
.contentBox.grid_6.dark .holder
{
    background: url(images/bgContentBox6DarkBottom.png) no-repeat bottom left;
}
.contentBox.grid_6.white
{
    background: url(images/bgContentBox6WhiteTop.png) no-repeat;
}
.contentBox.grid_6.white .holder
{
    background: url(images/bgContentBox6WhiteBottom.png) no-repeat bottom left;
}


.contentBox.grid_5
{
    padding-top: 9px;
    background: url(images/bgContentBox5Top.png) no-repeat;
}
.contentBox.grid_5 .holder
{
    background: url(images/bgContentBox5Bottom.png) no-repeat bottom left;
}
.contentBox.grid_5.dark
{
    background: url(images/bgContentBox5DarkTop.png) no-repeat;
}
.contentBox.grid_5.dark .holder
{
    background: url(images/bgContentBox5DarkBottom.png) no-repeat bottom left;
}
.contentBox.grid_5.white
{
    background: url(images/bgContentBox5WhiteTop.png) no-repeat;
}
.contentBox.grid_5.white .holder
{
    background: url(images/bgContentBox5WhiteBottom.png) no-repeat bottom left;
}



.contentBox.grid_4
{
    padding-top: 9px;
    background: url(images/bgContentBox4Top.png) no-repeat;
}
.contentBox.grid_4 .holder
{
    background: url(images/bgContentBox4Bottom.png) no-repeat bottom left;
}
.contentBox.grid_4.dark
{
    background: url(images/bgContentBox4DarkTop.png) no-repeat;
}
.contentBox.grid_4.dark .holder
{
    background: url(images/bgContentBox4DarkBottom.png) no-repeat bottom left;
}
.contentBox.grid_4.white
{
    background: url(images/bgContentBox4WhiteTop.png) no-repeat;
}
.contentBox.grid_4.white .holder
{
    background: url(images/bgContentBox4WhiteBottom.png) no-repeat bottom left;
}



.contentBox.grid_3
{
    padding-top: 9px;
    background: url(images/bgContentBox3Top.png) no-repeat;
}
.contentBox.grid_3 .holder
{
    background: url(images/bgContentBox3Bottom.png) no-repeat bottom left;
}
.contentBox.grid_3.dark
{
    background: url(images/bgContentBox3DarkTop.png) no-repeat;
}
.contentBox.grid_3.dark .holder
{
    background: url(images/bgContentBox3DarkBottom.png) no-repeat bottom left;
}

.contentBox.grid_2
{
    padding-top: 9px;
    background: url(images/bgContentBox2Top.png) no-repeat;
}
.contentBox.grid_2 .holder
{
    background: url(images/bgContentBox2Bottom.png) no-repeat bottom left;
}
.contentBox.grid_2.dark
{
    background: url(images/bgContentBox2DarkTop.png) no-repeat;
}
.contentBox.grid_2.dark .holder
{
    background: url(images/bgContentBox2DarkBottom.png) no-repeat bottom left;
}
.contentBox.grid_2.white
{
    background: url(images/bgContentBox2WhiteTop.png) no-repeat;
}
.contentBox.grid_2.white .holder
{
    background: url(images/bgContentBox2WhiteBottom.png) no-repeat bottom left;
}

body.dream .contentBox.grid_12_music
{
    padding-top: 9px;
    width: 944px;
}
body.dream .contentBox.grid_12_music .holder
{
    /*background:url(images/bgContentBoxBlue12Bottom.png) no-repeat bottom left;*/
    width: 944px;
    padding: 0px;
}




/* 
 * sub boxes (grid within a grid) 
 * */
.subBox
{
    text-align: center;
    color: #818181;
    background: white;
    font-family: georgia;
    font-style: italic;
    min-height: 240px;
    position: relative;
    padding-top: 10px;
}
.subBox.rounded
{
    padding-top: 0;
}
.subBox.rounded .content
{
    min-height: 240px;
    position: relative;
    padding: 0;
    margin-right: -6px;
}

.subBox h1
{
    font-weight: normal;
}
.subBox .jumpLink
{
    position: absolute;
    bottom: 0;
    right: 0;
}
.subBox .jumpLink a
{
    color: #EB018D;
    font-weight: bold;
    display: block;
    text-align: right;
    padding: 5px 10px;
    font-size: 14px;
}

/***********************
 * rounded corner content box
 * *****************************/
.rounded
{
    background: transparent;
}
.rounded .ul
{
    position: relative;
    margin-right: 12px;
    margin-bottom: 12px;
    background: url(images/boxRounded/boxWhite.gif) no-repeat top left;
}
.rounded .lr
{
    position: relative;
    top: 12px;
    left: 12px;
    background: url(images/boxRounded/boxWhite.gif) no-repeat bottom right;
}
.rounded .lr div
{
    position: relative;
    top: -6px;
    left: -6px;
}
.rounded .ur
{
    position: absolute;
    top: 0;
    right: -12px;
    height: 12px;
    width: 12px;
    background: url(images/boxRounded/boxWhite.gif) no-repeat top right;
}
.rounded .ll
{
    position: absolute;
    bottom: -12px;
    left: 0;
    height: 12px;
    width: 12px;
    background: url(images/boxRounded/boxWhite.gif) no-repeat bottom left;
}
.rounded .content
{
    position: relative;
    top: -6px;
    left: -6px;
}


/*******
 * Content Nav
 * *********/
.contentNav
{
    margin: 0 0 0 10px;
    padding: 0;
    font-family: georgia;
    text-transform: lowercase;
    font-style: italic;
}

body.contact .contentNav
{
    margin: 0 0 0 10px;
    padding: 0;
    font-family: georgia;
    text-transform: lowercase;
    font-style: italic;
}

.contentNav.right
{
    margin-right: 10px;
}
.contentNav h1
{
    border: none;
    margin-bottom: 0;
    font-weight:normal;
	text-transform:lowercase;
	font-size:16px;
}

.contentNav h1 a {
	color:#eb018d;
	text-transform:lowercase;
}
.contentNav h1 a:hover{
	color:#C50075;
}
.contentNav img.divider{
	padding:0px 7px;
	background:url(images/breadcrumbDivider.png) no-repeat center center;
	height:9px;
	width:9px;
}
.contentNav h1.alone
{
    border-bottom: 1px solid #cacaca;
    margin-bottom: 10px;
}
.contentNav h2
{
    text-align: center;
    margin: 0 0 4px 0;
    border-top: 1px solid #cacaca;
    font-size: 17px;
}
.contentNav ul
{
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    border: 1px solid #cacaca;
    border-width: 1px 0 0 0;
}
* + html .contentNav ul{ /* for ie7 */
	height:15px; 
}
.contentNav.noPointer ul
{
    border-width: 1px 0 1px 0;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

body.contact .contentNav.noPointer ul
{
    border-width: 1px 0 1px 0;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.contentNav li
{
    float: left;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height:1em ;
}
* + html .contentNav li{/* for ie7 */
	line-height:normal;
}

body.privacy #effective
{
    width: 100%;
    text-align: center;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
}

body.contact #headers
{
    width: 100%;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
    font-weight: bold;
    font-style: italic;
    color: #818181;
}

.contentNav li a
{
    color: #6D9C6B;
    font-weight: normal;
    padding: 0 10px 0 10px;
    display: block;
    border-right: 1px solid #cacaca;
}
.contentNav li.selected a
{
    color: #493A26;
}
.contentNav li.last a
{
    border-right: none;
}
/* pink letters */
.contentNav li a b
{
    color: #EB018D;
    font-family: arial;
    font-style: normal;
    font-size: 75%;
}
.pointer
{
    height: 12px;
    clear: both;
    background: url(images/bgContentBoxPointer.png) no-repeat top center;
    margin-bottom: 0px;
}
.contentNav .pointer
{
    border-top: 1px solid #cacaca;
}

.contentNav .pointer.solo
{
    border-top: none;
    background-position: top left;
}
body.parents .contentNav .pointer
{
    background-image: url(images/bgContentBoxBluePointer.png);
}

body.dream .contentNav .pointer
{
    background-image: url(images/bgContentBoxPointer.png);
    background-position: 27px 0px;
}

.contentNav .jumpLink
{
    float: right;
    *margin-top: -25px; /*for ie */
}
.contentNav .jumpLink a
{
    font-size: 12px;
    color: #6D9C6B;
}
.contentNav h1 .jumpLink a
{
    color: #EB018D;
}
.contentNav li.note
{
    float: right;
    border: none;
    color: #EB018D;
    background: url(images/iconPinkStar.png) no-repeat;
    padding: 3px 0 3px 4px;
    margin-top: -5px;
}
.contentNav li.note a
{
    border: none;
    color: #EB018D;
}

.contentNav li.chooser
{
    float: right;
    border: none;
    margin-top: -5px;
}

/******breadcrumbs*******/
.contentNav h1.breadcrumbs span.name{
text-transform:none;
}

/************
* content nav sharing toolbar 
***************/
.contentNav.tools
{
    border-bottom: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
}
.contentNav.tools ul
{
    border: none;
}
.contentNav.tools ul li.tool
{
    float: right;
}
.contentNav.tools .toolLinks
{
    float: right;
    background: blue;
}




/************
* Yahoo Media Player
***************/
#ymp-player
{
    bottom: 40px !important;
}
#ymp-relevance
{
    visibility: hidden;
}
#ymp-tray
{
    bottom: 111px !important;
}
.ymp-skin
{
    background-image: url(images/ympSkin.png) !important;
}

#ymp-body #ymp-yahoo-logo
{
    display: none !important;
}
#ymp-tray ul li a.playing
{
    background-color: #ED028D !important;
}

#ymp-body #ymp-btn-max span
{
    background-position: -119px -80px;
    width: 15px !important;
    left: 5px !important;
}
.ymp-animarrow
{
    background: transparent url(http://l.yimg.com/us.yimg.com/i/us/mus/ymwp/mediaplayer-animarrow-2.0.31.gif) no-repeat scroll 4px 0px !important;
}
ul.audioLinks
{
    list-style-type: none;
    padding-left: 0;
    padding: 10px;
}
ul.audioLinks li
{
    margin-left: 0;
}

a.ymp-btn-page-target em.ymp-skin, a:hover.ymp-btn-page-target em.ymp-skin, a:active.ymp-btn-page-target em.ymp-skin
{
    background-image: url(images/ympSkin.png) !important;
    background-position: -623px -16px !important;
}

body.dream #mygallery a.ymp-btn-page-play, body.dream #mygallery a.ymp-btn-page-pause
{
    padding-left: 0px !important;
}
body.dream #mygallery a.ymp-btn-page-play em, body.dream #mygallery a.ymp-btn-page-pause em
{
    display: none;
}

/***************************
 * ***********Search/Browse
 * *****************************/
.searchBrowse
{
    background-color: #DCE1DA;
    margin-top: 0px;
    font-family: georgia;
    font-size: 12px;
}

#searchBrowse h2
{
    color: #89A78B;
    padding: 5px 5px 5px 15px;
    margin: 0;
    font-size: 150%;
}

#search
{
    background: url(images/bgSearchInput.png) no-repeat;
    height: 21px;
    width: 180px;
    margin: 0 auto 20px auto;
}
#search #s
{
    float: left;
    padding: 0;
    margin: 0px;
    padding: 4px 0 0 15px;
    border: 0;
    width: 144px;
    height: 17px;
    background: none;
    color: #E9018B;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}
#search #go
{
    float: right;
    margin: 0px;
    border: none;
    padding: 0;
}





.accordion
{
    font-style: italic;
    margin: 0px;
    border-top: 1px solid #BFC3BC;
}
.accordion li
{
    margin: 0;
    list-style-type: none;
}

.accordion li ul
{
    margin-bottom: 10px;
    border: none;
    text-decoration: none;
    font-weight: bold;
    margin: 0px;
    padding: 10px;
}

.accordion li.heading div a.firstChild
{
    background-position: bottom left;
    background-repeat: repeat-x;
    background-color: #DCE1DA;
    display: block;
    color: #77817D;
    text-decoration: none;
}

.accordion li.heading div a.firstChild span
{
    cursor: pointer;
    display: block;
    padding: 10px 5px 10px 26px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #BFC3BC;
    background: url(images/accordionArrow.png) no-repeat 8px 13px;
}
/* these next 2 are for ie6 the firstChild class has to be applied via jquery */
.accordion li.heading a.firstChild
{
    background-position: bottom left;
    background-repeat: repeat-x;
    background-color: #DCE1DA;
    display: block;
    color: #77817D;
    text-decoration: none;
}
.accordion li.heading a.firstChild span
{
    cursor: pointer;
    display: block;
    padding: 10px 5px 10px 26px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #BFC3BC;
    background: url(images/accordionArrow.png) no-repeat 8px 13px;
}
/* end ie 6 accordion style declarations */


.accordion li.heading a.firstChild:hover


.accordion li.heading div a.firstChild:hover
{
    background-color: #DEE2DD;
    background-image: url("images/accordionHeadingHover.jpg");
}

.accordion li.selected div a.firstChild
{
    color: #E9018B;
    background-color: #DEE2DD;
    background: url("images/accordionHeadingSelected.jpg");
}

.accordion li.selected div a.firstChild span
{
    background-position: 8px -277px;
}

.accordion li ul
{
    background: #fefefe url(images/accordionInnerLinks.jpg) repeat-x top left;
    margin: 0 2px;
    padding: 0;
}
.accordion li ul li
{
    margin: 0;
    padding: 0;
}
.accordion li ul li a
{
    display: block;
    color: #77817D;
    padding: 10px 5px 10px 25px;
    font-size: 12px;
    border-bottom: 1px solid #D3D3D3;
    background-repeat: no-repeat;
    background-position: 20px center;
    font-weight: normal;
}
.accordion li ul li a:hover
{
    background-color: #f5f5f5;
}

* html .accordion li.heading
{
    border: 1px solid #fff;
}

/**Accordion Icons**********/
.accordion li ul li.people a, .accordion li ul li.time a, .accordion li ul li.lineage a, .accordion li ul li.order a, .accordion li ul li.status a
{
    background-image: url(images/iconsSprites.png);
    padding-left: 55px;
    background-position: 1000px 1000px;
}
.accordion li ul li.people.level1 a
{
    background-position: -482px -588px;
}
.accordion li ul li.people.level2 a
{
    background-position: -485px -640px;
}
.accordion li ul li.people.level3 a
{
    background-position: -487px -690px;
}

.accordion li ul li.time.level1 a
{
    background-position: -482px -740px;
}
.accordion li ul li.time.level2 a
{
    background-position: -484px -790px;
}
.accordion li ul li.time.level3 a
{
    background-position: -484px -840px;
}


.accordion li ul li.status.level1 a
{
    background-position: -484px -890px;
}
.accordion li ul li.status.level2 a
{
    background-position: -484px -940px;
}
.accordion li ul li.status.level3 a
{
    background-position: -484px -990px;
}

.accordion li ul li.lineage.level1 a
{
    background-position: -482px -1045px;
}
.accordion li ul li.lineage.level2 a
{
    background-position: -484px -1105px;
}
.accordion li ul li.lineage.level3 a
{
    background-position: -484px -1165px;
}
.accordion li ul li.lineage.level4 a
{
    background-position: -484px -1225px;
}
.accordion li ul li.order.level1 a
{
    background-position: -490px -1285px;
}
.accordion li ul li.order.level2 a
{
    background-position: -490px -1345px;
}
.accordion li ul li.order.level3 a
{
    background-position: -490px -1405px;
}
.accordion li ul li.order.level4 a
{
    background-position: -490px -1465px;
}

.accordion li ul li.book.level1 a
{
    background-image: url(images/book1Icon.png);
    padding: 22px 5px 20px 65px;
}
.accordion li ul li.book.level2 a
{
    background-image: url(images/book2Icon.png);
    padding: 22px 5px 20px 65px;
}





/******* *****************
Form Buttons 
************/
/* REQUIRED BUTTON STYLES: */
button, .button
{
    position: relative;
    border: 0;
    padding: 0;
    cursor: pointer;
    overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner
{
    border: none; /* overrides extra padding in Firefox */
}
.button::-moz-focus-inner
{
    border: none; /* overrides extra padding in Firefox */
}

button span, .button span
{
    position: relative;
    display: block;
    white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    /* Safari and Google Chrome only - fix margins */
    .button span
    {
        margin-top: 0px;
    }
    button span
    {
        margin-top: -1px;
    }
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
button.submitBtn, .button
{
    padding: 0 13px 0 0;
    margin-right: 5px;
    font-size: 13px;
    font-family: georgia;
    font-style: italic;
    font-weight: bold;
    text-transform: lowercase;
    text-align: center;
    background: transparent url(images/buttonPinkSprites.png) no-repeat right -41px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    /* Safari and Google Chrome only - fix margins */
    button.submitBtn, .button
    {
        padding-right: 12px;
    }
}

button.submitBtn span, .button span
{
    padding: 2px 0 0 13px;
    height: 20px;
    background: transparent url(images/buttonPinkSprites.png) no-repeat left top;
    color: #fff;
}

button.submitBtn:hover, .button:hover, button.submitBtnHover
{
    /* the redundant class is used to apply the hover state with a script */
    background-position: right -125px;
}

button.submitBtn:hover span, .button:hover span, button.submitBtnHover span
{
    background-position: 0 -85px;
}
.button
{
    margin: 5px 5px 0 5px;
    display: block;
    float: left;
}

/* buttons - extends existing button css */
.button.style2
{
    background-position: right -304px;
}
.button.style2 span
{
    height: 31px;
    padding-top: 5px;
    background-position: 0 -254px;
    min-width: 78px;
    text-transform: none;
}
* html .button.style2 span
{
    width: 100px;
}
.button.style2:hover
{
    background-position: right -404px;
}
.button.style2:hover span
{
    background-position: 0 -354px;
}

.div_footer a.button
{
    text-transform: none;
    background-position: right -499px;
    padding-right: 9px;
    margin: 3px 0px 0 3px;
}
html > body .div_footer .guestnav a.button
{
    display: inline-block;
    float: none;
}
* html .div_footer .guestnav .button
{
    width: 70px;
}
.div_footer .button span
{
    text-align: left;
    font-size: 10px;
    background-position: 0 -459px;
}
.div_footer .button:hover
{
    background-position: right -579px;
}
.div_footer .button:hover span
{
    background-position: 0 -539px;
}

.buyLink a.button
{
    float: right;
    margin: 0;
}
.buyBooksLinks .button span{
min-width:130px;
}

/******************************
**** popups *******************/

.popup .body
{
    width: 325px;
}
.popup h2
{
    margin-bottom: 10px;
    text-align: center;
}
.popup .form
{
    margin: 10px 20px;
}
.popup .formTable
{
    margin: 0 auto;
    width: 225px;
}
.popup .form input.text, .popup .form select, .popup .form input.text3
{
    margin: 5px 0;
    font-size: 15px;
    border-width: 1px;
    border-color: #ccc;
}
.popup .join input.text, .popup .login input.text
{
    width: 174px;
}
.popup .form select
{
    padding: 1px;
}
.popup .form select.joinq
{
    width: 181px;
}
.popup .form button.submitBtn
{
    margin: 5px 0 0 0;
}

.popup .form .note
{
    margin: 0;
    padding: 0;
}

.popup .form .label
{
    font-size: 10px;
    padding-right: 10px !important;
}


html > body .popup span.error{
font-size:10px;
text-indent:-12000px;
padding-left:10px;
background: url(images/iconsSprites.png) no-repeat -362px -166px;
height: 15px;
width: 15px;
display:inline-block;
}
html > body .popup .login span.error{ /*so the login errors dont wrap to 2nd line */
float:right; 
position:relative;
top:-25px;
right:-20px;
}


.popup .code input.short
{
    width: 120px;
    margin-right: 10px;
}
.popup .code button
{
    margin: 0px !important;
}

#facebox .footer
{
    border: none !important;
    margin: 0;
    padding: 0;
    height: 0px !important;
}
#facebox .close
{
    position: absolute;
    top: 3px;
    right: 4px;
}


/***********************
 wisdoms panels, wisdom search results 
************************/

body.wisdoms #featured
{
    margin-bottom: 20px;
}
body.wisdoms .contentNav.noPointer ul
{
    margin-bottom: 15px;
}
body.wisdoms .contentNav.noPointer h1
{
    padding-left: 10px;
}

.panel h2, .wisdomList h2
{
    color: #89A78B;
    padding: 0px;
    margin: 0 0 15px 0;
    font-size: 150%;
    font-size: 18px;
}
.panel
{
    background-color: #DCE1DA;
    margin: 0;
    padding: 10px;
}

.panel .cycle .wisdomSummary
{
    margin: 10px 10px 0;
}

.wisdomList .wisdomSummary table{
margin-bottom:10px;
}
* + html .wisdomList .wisdomSummary table{
margin-bottom:0px;
}
.wisdomSummary td.thumb {
width:100px;
}
.wisdomSummary td.thumb img
{
    padding: 5px 15px 0 15px;
}
.wisdomSummary td.title
{
padding:0;

}
.wisdomSummary td.title h3
{
margin: 0;
display:inline;
float:left;
}

.wisdomSummary td.join
{
    text-align: right;
padding:0 !important;
height:25px;
}
.wisdomSummary td.join input{
border:0px solid black !important;
border-width:0 !important;
background:none !important;
}
.wisdomSummary td.description
{
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}
.wisdomSummary td.description p
{
    margin: 3px 0;
}
.wisdomSummary td.description strong{
font-style:italic;
font-size:15px;
color:#78817e;
font-weight:normal;
}


.wisdomList .wisdomSummary
{
    background-color: #e4e6e2;
    margin: 0;
    padding: 10px 10px 0px 10px !important;
    margin-bottom: 0px;
}
.wisdomList .contentBox
{
    margin-bottom: 10px;
}
.wisdomList .contentNav.right
{
    padding: 0;
    margin: 0px 10px 0 0;
}
.wisdomList .contentNav h1
{
    margin: 20px 0px 10px 0;
    padding: 0;
}
.wisdomList .contentNav.first h1
{
    margin-top: 0;
}

/* wisdom icons */
td.title .wisdomIcons{
padding:0;
height:25px;
margin:0;
}
.wisdomIcons span a
{
    display: block;
    float: left;
    height: 35px;
    width: 25px;
}
.wisdomIcons span.lineage.level1 a
{
    background: url(images/iconsSprites.png) center center;
    background-position: -494px -508px ;
}
.wisdomIcons span.lineage.level2 a
{
    background: url(images/wisdoms/wisdomIconLineage2.png) center center;
}
.wisdomIcons span.lineage.level3 a
{
    background: url(images/wisdoms/wisdomIconLineage3.png) center center;
}
.wisdomIcons span.lineage.level4 a
{
    background: url(images/wisdoms/wisdomIconLineage4.png) center center;
}

.wisdomIcons span.order.level1 a
{
    background: url(images/wisdoms/wisdomIconOrder1.png) center center;
}
.wisdomIcons span.order.level2 a
{
    background: url(images/iconsSprites.png) center center;
    background-position: -496px -549px ;
}
.wisdomIcons span.order.level3 a
{
    background: url(images/wisdoms/wisdomIconOrder3.png) center center;
}
.wisdomIcons span.order.level4 a
{
    background: url(images/wisdoms/wisdomIconOrder4.png) center center;
}
.wisdomIcons span.order.level5 a
{
    background: url(images/wisdoms/wisdomIconOrder5.png) center center;
}

.wisdomIcons span.people.level1 a
{
    background: url(images/iconsSprites.png) center center;
    background-position: -495px -471px ;
}
.wisdomIcons span.people.level2 a
{
    background: url(images/wisdoms/wisdomIconPeople2.png) center center;
}
.wisdomIcons span.people.level3 a
{
    background: url(images/wisdoms/wisdomIconPeople3.png) center center;
}

.wisdomIcons span.time.level1 a
{
    background: url(images/wisdoms/wisdomIconTime1.png) center center;
}
.wisdomIcons span.time.level2 a
{
    background: url(images/iconsSprites.png) center center;
    background-position: -497px -743px ;
}
.wisdomIcons span.time.level3 a
{
    background: url(images/iconsSprites.png) center center;
    background-position: -140px -605px ;
}

.wisdomIcons span.status.level1 a
{
    background: url(images/iconsSprites.png) center center;
    background-position: -6px -637px ;
}
.wisdomIcons span.status.level2 a
{
    background: url(images/wisdoms/wisdomIconProgress2.png) center center;
}
.wisdomIcons span.status.level3 a
{
    background: url(images/wisdoms/wisdomIconProgress3.png) center center;
}


.wisdomSummary span.new
{
    display: block;
    float: left;
    font-style: italic;
    font-family: georgia;
    color: #EB018D;
    background: url(images/iconPinkStar.png) no-repeat 0 6px;
    padding: 3px 0 0px 18px;
}
/************
**SITE ICONS********
********************/
.icons span
{
    background: red url(images/iconsSprites.png) no-repeat 0 0;
    height: 18px;
    width: 18px;
    display: block;
}
.icons span a
{
    display: block;
    height: 18px;
    width: 18px;
}

.wisdomList .icons span.lineage.level1
{
    background-position: -3px -405px;
}
.wisdomList .icons span.lineage.level2
{
    background-position: -43px -405px;
}
.wisdomList .icons span.lineage.level3
{
    background-position: -83px -405px;
}
.wisdomList .icons span.lineage.level4
{
    background-position: -123px -405px;
}
.wisdomList .joined .icons span.lineage.level1
{
    background-position: -3px -428px;
}
.wisdomList .joined .icons span.lineage.level2
{
    background-position: -43px -428px;
}
.wisdomList .joined .icons span.lineage.level3
{
    background-position: -83px -428px;
}
.wisdomList .joined .icons span.lineage.level4
{
    background-position: -123px -428px;
}


.wisdomList .icons span.order.level1
{
    background-position: -2px -507px;
}
.wisdomList .icons span.order.level2
{
    background-position: -40px -507px;
}
.wisdomList .icons span.order.level3
{
    background-position: -79px -507px;
}
.wisdomList .icons span.order.level4
{
    background-position: -115px -507px;
}

.wisdomList .joined .icons span.order.level1
{
    background-position: -2px -525px;
}
.wisdomList .joined .icons span.order.level2
{
    background-position: -40px -525px;
}
.wisdomList .joined .icons span.order.level3
{
    background-position: -79px -525px;
}
.wisdomList .joined .icons span.order.level4
{
    background-position: -115px -525px;
}


/****************************
****************Friends
***************************/

/* f me home */
html > body .myProfileChooser .choice
{
    position: relative;
}
.myProfileChooser .choice
{
    text-align: center;
    cursor: pointer;
}
.myProfileChooser .choice .holder
{
    padding: 0 0 10px 0;
	min-height:285px;
}
* html .myProfileChooser .choice .holder{
	height:285px;
}
.myProfileChooser .choice h1
{
    clear: both;
    margin: 0;
    color: #ec028d;
    position: static;
}
.myProfileChooser .choice .clear
{
}
.myProfileChooser .choice h1 a
{
    color: #ec028d;
}
.myProfileChooser .choice h1.userName
{
    color: #5a8c92;
}
.myProfileChooser .choice h1.userName a
{
    color: #5a8c92;
}
.myProfileChooser .choice img.spacer
{
    float: left;
    height: 253px;
}

.myProfileChooser .choice .pointer
{
    position: absolute;
    background-image: url(images/bgContentBoxPointerWhiteDown.png);
    top: 303px;
    left: 125px;
    height: 14px;
    width: 50px;
    background-position: -10000px -10000px;
}
.myProfileChooser .choice.selected .pointer
{
    background-position: top center;
}
* html .myProfileChooser .choice .pointer
{
    display: none; /* hide from ie6 */
}


/*Friends chooser addition *******/
.chooserContent
{
}
.chooserContent .wisdomList .pointer
{
    background-position: 128px 0;
}


.chooserContent .wisdomList
{
}


/*** crown art ***/
.myProfileChooser .choice .crownArtLarge
{
    margin-bottom: 0;
    border: 0;
}

/*** bird icon ***/
.birdArtLarge
{
    width: 269px;
    height: 226px;
    background: url(images/bird_private.png) no-repeat 17px 20px;
    margin: auto;
    border: 0;
}

/*** dreambook icon ***/
.dreambookArtLarge
{
    width: 269px;
    height: 226px;
    background: url(images/friends_me_home_myProfile_myDream_private.png) no-repeat 10px 0px;
    margin: auto;
    border: 0;
}


/***Friend Finder***/
.findFriends li.friend a.navLink span
{
    background-image: none;
    padding-left: 10px;
}
.findFriends li.friend a.navLink span b.add
{
    display: block;
    float: left;
    height: 17px;
    width: 15px;
    margin: 0px 10px 0 0;
    background: url(images/iconsSprites.png) no-repeat -228px -50px;
}
.findFriends li.friend a:hover.navLink span b.add
{
    background-position: -228px -80px;
}
.qtip .friendThumb
{
    float: none;
    margin: 0;
    width: 180px;
}
.qtip .friendThumb td.info
{
    padding-top: 0 !important;
}

.qtip .friendThumb .note
{
    font-size: 10px;
    margin: 0;
    padding: 0;
    display: block;
}
.qtip .friendThumb .userName
{
    line-height: normal;
}
.qtip .friendThumb .status
{
    margin-bottom: 5px;
}


/*************Wisdom LIST ************/
.wisdomList .wisdom
{
    background: white;
    width: 170px;
    float: left;
    margin: 0 9px 10px 0;
    padding: 3px;
    height: 70px;
}
.wisdomList .wisdom.joined
{
    background: #97aaa9;
}
.wisdomList .wisdom.last
{
    margin-right: 0;
}
.wisdomList .wisdom .thumb
{
    float: left;
    padding: 0;
    margin: 0 3px 0 0;
}
.wisdomList .wisdom .info
{
    margin: 0 0 0 52px;
}
.wisdomList .wisdom h3
{
    display: block;
    font-size: 12px;
    padding: 8px 2px 3px 3px;
    height: 34px;
    overflow-y: hidden;
    text-align: center;
    margin: 0;
    line-height: 1.1em;
}

.wisdomList .meta
{
    border-top: 1px solid #cccdc8;
    height: 22px;
    padding: 2px;
    overflow: hidden;
}
.wisdomList .joined .meta
{
    border-color: #758382;
}
.wisdomList .icons span
{
    float: left;
    height: 18px;
    width: 18px;
    background-color: transparent;
}
.wisdomList .meta .statusLink a
{
    float: right;
    font-size: 9px;
    padding-top: 3px;
    display: block;
    color: #ec028d;
}
.wisdomList .wisdom.joined a
{
    color: #fff;
}

/**********Profile area *********/
.profileArea
{
    font: italic 100% bold georgia;
}
.profileArea table
{
    margin: 0px 0 10px 0;
    border-bottom: 1px solid #c4c4c4;
}
.profileArea table td
{
    padding: 0 0 10px 0;
    vertical-align: top;
}
.userSummary .talisman
{
    padding: 5px 10px 10px 0;
    width: 49px;
}
.userSummary h1.userName
{
    margin: 0;
    color: #5a8c92;
}
.userSummary .titleArea em
{
    color: #ec028d;
    font-style: italic;
}
.userSummary .titleArea .into
{
    font-size: 14px;
    margin-top: 5px;
}


.profileArea .titleArea
{
}

.userModControls
{
    padding-right: 20px;
    margin: 5px 0 0 0;
}
.userModControls span
{
    display: block;
    height: 18px;
    float: right;
    width: 20px;
}
.userModControls span a
{
    background: transparent url(images/iconsSprites.png) no-repeat -144px -53px;
    height: 18px;
    width: 18px;
    display: block;
}
.userModControls span.heart a
{
    background-position: -144px -53px;
}
.userModControls span.heart a:hover
{
    background-position: -144px -83px;
}
.userModControls span.flag a
{
    background-position: -187px -53px;
}
.userModControls span.flag a:hover
{
    background-position: -187px -83px;
}

/***my dream area ***********/
.myDreamArea
{
    float: none;
    clear: both;
}
#myDreamArea .grid_12
{
    background: transparent url(images/friends_me_home_myDreamPanel.png) no-repeat top center;
    text-align: center;
    height: 130px;
    margin-bottom: 30px;
}
#myDreamArea .holder
{
    background: none;
}
#myDreamArea .grid_12 table
{
    height: 50px;
    width: 770px;
    margin: 40px auto 0 auto;
}
#myDreamArea .dream
{
    font: italic bold 17px georgia;
}
#myDreamArea .grid_12 table td
{
    vertical-align: middle;
    position: relative;
    height: 50px;
    overflow: hidden;
}
#myDreamArea span.userModControls
{
    display: inline-block !important;
    margin-left: 10px;
    margin-bottom: -2px;
}
#myDreamArea span.userModControls span
{
    height: 14px;
}

#myDreamArea .jumpLink
{
    font-size: 12px;
    font: italic bold 12px georgia;
}


/***my dream area private ***********/
#myDreamAreaPrivate .grid_12
{
    background: transparent url(images/friends_me_home_private.png) no-repeat top center;
    text-align: center;
    height: 130px;
    margin-bottom: 30px;
}
#myDreamAreaPrivate .holder
{
    background: transparent;
}
#myDreamAreaPrivate .grid_12 table
{
    height: 50px;
    width: 770px;
    margin: 40px auto 0 auto;
}
#myDreamAreaPrivate .dream
{
    font: italic bold 17px georgia;
}
#myDreamAreaPrivate .grid_12 table td
{
    vertical-align: middle;
    position: relative;
    height: 50px;
    overflow: hidden;
}
#myDreamAreaPrivate span.userModControls
{
    display: inline-block !important;
    margin-left: 10px;
    margin-bottom: -2px;
}
#myDreamAreaPrivate span.userModControls span
{
    height: 14px;
}

#myDreamAreaPrivate .jumpLink
{
    font-size: 12px;
    font: italic bold 12px georgia;
}


.userIcon
{
    background: url(images/iconsSprites.png) no-repeat -360px -47px;
    height: 22px;
    width: 22px;
    float: left;
}

.messageIcon
{
    background: url(images/iconsSprites.png) no-repeat -411px -45px;
    height: 22px;
    width: 22px;
    float: left;
}

.giftcardIcon
{
    background: url(images/iconsSprites.png) no-repeat -449px -42px;
    height: 22px;
    width: 22px;
    float: left;
}

.pickerIcon
{
    height: 22px;
    width: 22px;
    float: left;
}

.privateMainText
{
    float: left;
    margin-top: 3px;
    margin-left: 15px;
}

.rightButton
{
    float: right;
    margin-right: 25px;
}

.cian
{
    color: #5A8C92;
}

.gumm
{
    color: #ec028d;
}

.gumm:hover
{
    color: #c70077;
}

.contentBox.grid_13
{
    padding-top: 9px;
    background: url(images/bgContentBox13Top.png) no-repeat;
}
.contentBox.grid_13 .holder
{
    background: url(images/bgContentBox13Bottom.png) no-repeat bottom left;
    width: 930px;
}

.pointerWhite
{
    height: 12px;
    clear: both;
    background: url(images/bgContentBoxPointerWhite.png) no-repeat top center;
    margin-bottom: 0px;
}

/***My Friends Block ****/


#friendsBlock .contentBox .holder
{
    padding-bottom: 6px;
    float:left;
}
.friendThumb
{
    background: #fff;
    float: left;
    padding: 3px;
    text-align: center;
    margin: 4px 8px 4px 0;
    height: 49px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

html > body .friendThumb.pending{
background:#eee;
position:relative;
}

.grid_8 .friendThumb
{
    width: 138px;
}


.grid_8 .friendThumb.number4, .grid_8 .friendThumb.number8, .grid_8 .friendThumb.number12, .grid_8 .friendThumb.number16
{
    margin-right: 0;
}

.grid_9 .friendThumb
{
    width: 158px;
}



.grid_9 .friendThumb.number4, .grid_9 .friendThumb.number8, .grid_9 .friendThumb.number12, .grid_9 .friendThumb.number16, .grid_9 .friendThumb.number20, .grid_9 .friendThumb.number24, .grid_9 .friendThumb.number28, .grid_9 .friendThumb.number32, .grid_9 .friendThumb.number36
{
    margin-right: 0;
}

.grid_12 .friendThumb
{
    width: 171px;
}
* html .grid_12 .friendThumb
{
    width: 177px;
}
.grid_12 .friendThumb.number5, .grid_12 .friendThumb.number10, .grid_12 .friendThumb.number15, .grid_12 .friendThumb.number20, .grid_12 .friendThumb.number25, .grid_12 .friendThumb.number30, .grid_12 .friendThumb.number40, .grid_12 .friendThumb.number45, .grid_12 .friendThumb.number50
{
    margin-right: 0;
}
.grid_12 .friendThumb .userName
{
    display: block;
    width: 121px;
}
.friendThumb table
{
    margin: 0;
    padding: 0;
    height: 49px;
    width: 100%;
}
.friendThumb div.talisman
{
    width: 51px;
    text-align: left;
    padding: 0;
    margin: 0;
}
.friendThumb div.talisman img
{
}
.friendThumb td.talisman
{
    height: 49px;
    width: 51px;
    padding: 0;
}
.friendThumb td.info
{
    padding: 3px 0;
}

.friendThumb .userName
{
    margin: 0;
    padding-bottom: 3px;
    font-size: 11pt;
    font-weight: normal;
    line-height: .8em;
    overflow: hidden;
}
.friendThumb .userName
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
line-height:normal;
}

.grid_8 .friendThumb .userName
{
    width: 84px;
}
.grid_9 .friendThumb .userName
{
    width: 110px;
}
.grid_3 .friendThumb .userName
{
    width: 135px;
}
.friendThumb .info .status
{
    font-family:georgia;
font-size: 9px;
    margin: 3px 0 0 0;
    line-height: .5em;
    color: #ec028d;

}

.friendThumb .info .status{
display:none;
}

.friendThumb td.links
{
    margin: 0;
    padding: 0;
    font-size: 9px;
}
.friendThumb .links, .friendThumb .links a
{
    color: #888;
    margin: 0;
    padding: 0;

}
.friendThumb .links a:hover
{
    color: #ec028d;
}
.friendThumb td.links
{
    padding: 0;
    vertical-align: top;
}
.friendThumb div.links
{
    margin-top: 3px;
    padding: 3px 0 0 0;
    border-top: 1px solid #e9e9e9;
    height:auto;
}

.friendThumb div.links a{
display:inline-block !important;
height:14px;
width:14px;
background:transparent url(images/iconsSprites.png) 3000px -81px;
margin:0 1px;
}
.friendThumb div.links a:active{
outline:none;
}


* html .friendThumb .links a{
float:left !important;
margin-right:4px;
}
.friendThumb div.links a span{
display:none;
}



.friendThumb div.links a.profile{
background-position:-365px -52px;
}
.friendThumb div.links a.profile:hover{
background-position:-365px -81px;
}

.friendThumb div.links a.message{
background-position:-300px -140px;
width:17px;
}
.friendThumb div.links a.message:hover{
background-position:-300px -160px;
}
.friendThumb div.links a.message:active{
background-position:-300px -180px;
}
.friendThumb.pending div.links a.message{
background-position:-300px -120px;
}

.friendThumb div.links a.delete{
background-position:-260px -140px;
}
.friendThumb div.links a.delete:hover{
background-position:-260px -160px;
}
.friendThumb div.links a.delete:active{
background-position:-260px -180px;
}


.friendThumb div.links a.add{
background-position:-220px -140px;
}
.friendThumb div.links a.add:hover{
background-position:-220px -160px;
}
.friendThumb div.links a.add:active{
background-position:-220px -180px;
}
.friendThumb.pending div.links a.add{
background-position:-220px -120px;
}

.friendThumb div.links a.friendStatus{
background-position:-413px -148px;
width:49px;
}
.findFriends{
padding-bottom:20px;
float:left;
}

.findFriends h2{
border-bottom: 1px solid #e9ede9;
background:url(images/bgPixel-d0d5cf.gif) repeat-x bottom left;
margin-bottom:10px !important;
font-weight: normal;
text-transform:lowercase;
}
.friendResults{
padding:0;
width:194px;
}
.friendResults .friendThumb{
width:184px;
margin:0 0px 5px 5px;
float:none;
}
* html .friendResults .friendThumb{
width:190px;
}
.friendsListTop #search{
float:right;
margin:10px 0 0 0;
}
.friendsListTop h2{
float:left;
margin:0;
font-weight: normal;
text-transform:lowercase;
}
.friendsListTop {
border-bottom: 1px solid #e9ede9;
background:url(images/bgPixel-d0d5cf.gif) repeat-x bottom left;
margin-bottom:10px;
padding:5px 0 0 0;
}
* + html .friendsListTop{
height:35px;	
}

.friendList{
padding-top:10px;
}

.friendSearch{
background:white;
clear:both;
padding:3px;
margin:0 5px 10px 5px;
position:relative;
height:50px;
}
.friendSearch .goFriend{
background:url(images/iconsSprites.png) -48px -290px;
border:none;
margin:0;
padding:0;
float:left;
}
* html .friendSearch .goFriend{
	background-color:#ccc;
	background:url(images/iconsSprites.png) -48px -290px;

}
.friendSearch .goFriend:hover{
background-position:-108px -290px;
}
.friendSearch .sFriend{
border:2px solid #d6d6d6;
border-width:2px 0 0 2px;
background:#EFF5EF;
height:41px;
width:119px;
margin:0 0 0 3px;
padding:7px 5px 0px 5px;;
vertical-align:middle;
text-align:center;
font:italic normal 14px georgia;
overflow:hidden;
color:#97A9A9;
resize:none;
}
* html .friendSearch .sFriend{
width:115px;
}
* + html .friendSearch .sFriend{/* ie7 */
	margin:0 0px 0 3px;
	float:left;
}

.pagingLinks{
padding-top:10px;
text-align:center;
font:italic bold 13px georgia;
color:#97A9A9;
}
.pagingLinks a{
color:white;
}
.pagingLinks div{
display:inline;
padding:0 5px;
}


/*********Resizable Textarea *******/
div.grippie
{
    background: #EEEEEE url(images/grippie.png) no-repeat scroll center 2px;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0pt 1px 1px;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
}
.resizable-textarea textarea
{
    display: block;
    margin-bottom: 0pt;
    width: 95%;
    margin-bottom: 0px !important;
}


/*****************
my messages 
******************/
#messagesBlock .contentBox .holder
{
    padding-top: 4px;
}

div.message
{
    position: relative;
    background: #fff;
    margin-bottom: 10px;
    font: italic normal 13px georgia;
    padding: 3px;
}

div.message.unread
{
    font-weight: bold;
}
div.message.last
{
    margin-bottom: 0;
}
div.message a
{
    color: #493a26;
}
div.message table
{
    margin: 0;
}
.message td.icon
{
    vertical-align: middle;
    padding: 5px;
    border-right: 1px solid #e9e9e9;
    width: 25px;
}
.message .icon span
{
    background: url(images/iconsSprites.png) no-repeat -443px -104px;
    display: block;
    height: 27px;
    width: 33px;
}
.message.unread .icon span.mail
{
    background-position: -443px -70px;
}
.message .icon span.request
{
    background-position: -481px -71px;
}
.message .icon span.system
{
    background-position: -482px -104px;
}
.message .meta .date
{
    color: #ec028d;
    font-weight: normal;
}
.message td.mainColumn
{
    padding: 10px 3px 10px 5px;
}
.message td.mainColumn .subject
{
    font-style: normal;
    padding-right: 3px;
    font-size: 11px;
    margin: 0;
}
.message td.mainColumn .msg
{
    padding-top: 3px;
    margin-top: 0;
}
.message td.mainColumn .content, .message td.mainColumn .moreLink
{
    font: normal normal 11px arial;
}
.message td.mainColumn .moreLink a
{
    text-decoration: underline;
}
.message .links
{
    font: italic normal 13px georgia;
    text-align: right;
}
.message td.links
{
    font-weight: normal;
    vertical-align: middle;
    padding: 10px 5px 10px 0;
    color: #777;
    width: 90px;
}
.message td.links a
{
    color: #777;
}
.message td.links a:hover
{
    color: #ec028d;
}
.message .checkbox
{
    position: absolute;
    top: 23px;
    left: -27px;
}
.message #messageContent > td
{
    border-top: 1px solid #e9e9e9;
    padding: 20px 10px 10px 10px;
    font: normal normal 12px arial;
    line-height: 1.2em;
}
.message #messageContent p
{
    margin: 1em 0;
}
.message #messageContent
{
    display: none;
}
.message #messageContent.open
{
    display: table-cell;
}
.messageList .contentBox
{
    margin-bottom: 10px;
}
.messageList td.mainColumn
{
    padding-left: 10px;
}
.messageList td.mainColumn .subject
{
    font-size: 12px;
}
.messageList td.mainColumn .meta
{
    font-size: 14px;
}
.messageList div.reply
{
    clear: both;
}
.messageList div.reply.request
{
    text-align: center;
}
.messageList div.reply form
{
    margin: 0;
    padding: 10px 0 0 0;
}
.messageList div.reply textarea
{
    width: 650px !important;
    border-color: #DDDDDD;
    background: #eee;
    padding: 10px 0 10px 0px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.messageList div.grippie
{
    width: 650px;
    margin: 0 auto;
}
.messageList .resizable-textarea
{
    margin: 0 auto;
    width: 650px;
}
.messageList .reply .submitBtn
{
    margin: 10px 0 0 0;
}

.messageList div.userSummary
{
    font-family: georgia;
    margin-bottom: 20px;
}


.messageList .mutualFriends h3
{
    margin-bottom: 10px;
}
.messageList .mutualFriends .friendThumb
{
    margin-bottom: 10px;
}
.messageList .mutualFriends .userName
{
    font-size: 10px;
}

/**** pager style of web control ****/
.pagerstyleMyMessages
{
    font-size: 16px;
    font-weight: normal;
}

.pagerstyleMyMessages td
{
    color: #777777;
    padding:5px 5px 0px 0px; 
}


/******************
wisdom templates 
*******************/

/***List Nav ****/
.contentBox .holder
{
}
.listNav
{
    padding: 0px 0 0px 0;
    background-color: #DCE1DA;
}
.listNav.quiz
{
    padding: 10px 0 0 0;
    margin: 0 0 0px 0;
}
.listNav ul
{
    list-style: none;
    padding: 0px;
    margin: 0;
}
.listNav.quiz ul, .listNav.offline ul
{
    padding: 0px;
    background: transparent;
    border-top: 1px solid #BFC3BC;
}
.listNav li
{
    display: block;
    margin: 0;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #BFC3BC;
}
.listNav li.last
{
    border-bottom: none;
}
.listNav li a
{
    display: block;
    padding: 10px;
    text-decoration: none;
    font: italic normal 13px georgia;
    line-height: 19px;
    text-decoration: none;
    position: relative;
    color: #78817e;
}
.listNav li a:hover
{
    background: #DEE2DD url(images/accordionHeadingHover.jpg) repeat-x bottom left;
}
.listNav li a.selected
{
    color: #E9018B;
    background: #DEE2DD url("images/accordionHeadingHover.jpg") repeat-x bottom left;
}

.listNav li a.selected:hover
{
    background: #DEE2DD url("images/accordionHeadingHover.jpg") repeat-x bottom left;
}
.listNav li a.selected, .listNav li a.selected:hover
{
    cursor: default;
}
.listNav.quiz li span.status, .listNav.offline li span.status
{
    display: block;
    float: left;
    margin: 0 10px 0px 0;
    height: 20px;
    width: 20px;
}
.listNav.quiz li.status1 a, .listNav.offline li.status a
{
    color: #999f9e;
    cursor: default;
}
.listNav.quiz li.status1 span.status, .listNav.offline li.status1 span.status
{
    background: url(images/iconsSprites.png) no-repeat 0 -112px;
}
.listNav.quiz li.status2 a, .listNav.offline li.status2 a
{
    color: #999f9e;
    cursor: default;
}
.listNav.quiz li.status2 span.status, .listNav.offline li.status2 span.status
{
    background: url(images/iconsSprites.png) no-repeat 0 -144px;
}
.listNav li.status1 a:hover, .listNav li.status2 a:hover
{
    background: none;
}
/*****End listNAv *****/


/*****stepnumber*********/

.stepNumber
{
    font: italic bold 30px georgia;
    color: #78817e;
    margin: 0px 5px 20px 5px;
    padding: 5px 0px 15px 0px;
    line-height: .7em;
}
.stepNumber b
{
    display: block;
    background: url(images/iconsSprites.png) no-repeat -484px -337px;
    float: left;
    height: 50px;
    width: 38px;
    padding: 11px 0 0 12px;
    margin-right: 5px;
}
.listNav .stepNumber b
{
    background: url(images/iconsSprites.png) no-repeat -484px -262px;
    padding-top: 12px;
}

.stepNumber span.label
{
    font-size: 18px;
    display: block;
    font-weight: bold;
    padding: 15px 0 0 45px;
}


.block .stepNumber
{
    margin: 20px 0 10px 0;
}
.listNav.outfitter .stepNumber span.label, .block .stepNumber span.label
{
    font-size: 15px;
}




/***Quiz Poll Questions *******/
.questionList
{
    padding: 0;
    color: #78817e;
}
.question
{
    margin: 0 0 20px 0;
}

.question .holder
{
}
.question .qtext
{
    font: italic normal 17px georgia;
}
.question .qresponse
{
    padding: 10px 90px;
}
.question .choice input[type=radio]
{
    margin-top: 2px;
}
.question .choice .label
{
    font: normal normal 13px arial;
}
.question .choice .input
{
    padding: 3px 5px 0 0;
    display: block;
    float: left;
}
.question .choice .feedback
{
    display: block;
    height: 20px;
    width: 20px;
    float: left;
    margin: 2px 5px 0 0;
}
.question .chosen
{
    font-weight: bold;
}
.question .chosen input
{
}
.question .chosen.correct .feedback
{
    background: url(images/iconsSprites.png) no-repeat 0 -112px;
}
.question .chosen.correct .label
{
    color: #006600;
}
.question .chosen.incorrect .feedback
{
    background: url(images/iconsSprites.png) no-repeat 0 -144px;
}
.question .chosen.incorrect .label
{
    color: #660000;
}


.question .choice
{
    padding-bottom: 5px;
    padding-top: 0;
}

.question div.submit
{
    text-align: right;
}

.questionProgress
{
    text-align: center;
    margin: 10px 20px 60px 20px;
    font: italic bold 12px georgia;
}
.questionProgress b
{
    font-size: 90px;
    display: block;
    color: #E9018B;
    line-height: 90px;
}



/****Progress Bar****/
.wisdomProgress
{
    margin: 0 0px 10px 10px;
    background: url(images/bgTransparent1.png);
    color: #fff;
    overflow-x: hidden;
}
.wisdomProgress .holder
{
    background: #fff;
    padding: 1px;
    margin: 5px;
}
.wisdomProgress.wide table
{
    background: url(images/bgProgressBarWide.png);
    height: 26px;
    margin: 0;
    width: 100%;
    background: #ABBCB2;
}

.wisdomProgress td.step
{
    font: normal normal 12px georgia;
    vertical-align: middle;
    text-align: center;
    background: transparent url(images/bgProgressBarWide.png) no-repeat 1000px 1000px;
    padding-left: 5px;
}

.wisdomProgress td.step span
{
    display: block;
    height: 26px;
    line-height: 26px;
    padding-right: 15px;
    background: transparent url(images/bgProgressBarWide.png) no-repeat 1000px 1000px;
    background-position: right -201px;
}
.wisdomProgress td.first
{
    padding-left: 15px;
}
.wisdomProgress td.last span
{
    background-position: -1000px -1000px;
}

.wisdomProgress td.active
{
    background-color: #638682;
    padding-left: 10px;
}
.wisdomProgress td.active span
{
    background-position: right -100px;
}
.wisdomProgress td.first.active
{
    background-position: 0px -50px;
}
.wisdomProgress td.first.active span
{
    background-position: right -100px;
}
.wisdomProgress td.last.active
{
    background-position: -1000px -1000px;
    background-color: #638682;
}
.wisdomProgress td.last.active span
{
    background-position: right -50px;
}
.wisdomProgress td.before span
{
    background-position: right -150px;
}

/*********wisdom outfitter template ******/
.outfitterContent .outfitPreview
{
    float: left;
    width: 282px;
}
.outfitterContent .contentBox .block
{
    background-color: #DCE1DA;
    color: #78817e;
    font: italic normal 15px georgia;
    padding: 10px;
    width: 375px;
    float: right;
}
.outfitterContent .block .description
{
    line-height: 1.5em;
}
.block .wisdomActForm
{
    margin: 0px 10px 10px 60px;
}
.block .proceed
{
    margin-top: 100px;
}

/*****template button links ********/
.buttonLinks.next, .buttonLinks.proceed
{
    text-align: right;
}
.buttonLinks span.note
{
    line-height: 25px;
    font: normal normal 11px arial;
}
.buttonLinks.next a.button, .buttonLinks.proceed a.button
{
    margin-left: 20px;
    float: right;
}

/****Mission Messages Widget*******/
.grid_3 .messageList .message .meta .divider, .grid_3 .messageList .message .meta .date
{
    display: none;
}
.grid_3 .messageList
{
    text-align: left;
}
.grid_3 .messageList .message
{
    margin-left: 10px;
}
.grid_3 .messageList .message .meta, .grid_3 .messageList .message .subject
{
    font-size: 11px;
}
.grid_3 .messageList .message .moreLink
{
    display: none;
}
.grid_3 .messageList .message .mainColumn
{
    padding: 5px 0 5px 10px;
    vertical-align: middle;
}
.grid_3 .messageList .subject
{
    overflow: hidden;
    height: 14px;
    display: block;
}

/*******Event List *********/
.grid_3 .eventList
{
    margin: 0;
    height: 180px;
    margin-left: 10px;
    overflow-y: auto;
    font-size: 11px;
    text-align: left;
}
.grid_3 .event
{
    margin: 5px 0 10px 10px;
    width: auto;
    height: auto;
}
.grid_3 .event div
{
    position: static;
    display: inline;
}
.event .meta .title
{
    font-weight: bold;
    color: #000;
}

/***********Wisdom Template - Offline *****/
.listNav .intro, .block .intro
{
    padding: 8px 10px 20px 10px;
    font: italic normal 14px georgia;
    color: #78817e;
}
.listNav .intro h3, .block .intro h3
{
    margin-bottom: 10px;
    line-height: .9em;
}

.journalEntry textarea.resizable
{
    width: 597px;
    height: 200px;
}
.journalEntry div.grippie
{
    width: 597px;
}
.journalEntry .proceed
{
    margin-top: 20px;
}



/******** Congrats Template **************/
.altText
{
    display: none;
}
.lineageProgress .lineageArt
{
    height: 198px;
    background: url(images/lineagesSprites.png) no-repeat 0 0;
}
.lineageProgress .crownArtMedium
{
    margin: 10px auto;
}
.play.wisdoms .jumpLink
{
    font: italic normal 13px georgia;
    color: #77817D;
}
.congratulationsContent .jumpLink
{
    margin-top: 0;
}

.lineageProgress .jumpLink a, .congratulationsContent .jumpLink a
{
    float: right;
    display: block;
    margin-top: 0px;
}
.congratulationsContent .contentBox
{
    margin-bottom: 20px;
}
.congratulationsContent .block .intro h3
{
    margin-bottom: 0px;
}
.congratulationsContent .block .meta
{
    padding-bottom: 15px;
}
.congratulationsContent .block .tagLine
{
    float: left;
    padding-top: 10px;
    margin-right: 10px;
    font-size: 16px;
}
.wisdomsArt
{
    margin: 30px 0;
}
.wisdomsArt .crown
{
    width: 165px;
    margin: 10px auto 10px auto;
    font: italic normal 16px georgia;
    color: #79936F;
    background: url(images/lineagesSprites.png) no-repeat -520px -295px;
}
.wisdomsArt .crown span
{
    margin-left: 30px;
    padding: 5px 0;
    display: block;
    text-align: center;
}
.wisdomCardBig
{
    text-align: center;
    padding: 15px 10px;
}
.wisdomCardBig .front
{
    margin-right: 15px;
}

/*********Crown Art Variations************/
.crownArtMedium
{
    background: url(images/lineagesSprites.png) no-repeat -1535px -2175px;
    width: 202px;
    height: 169px;
}
.crownArtLarge
{
    width: 269px;
    height: 226px;
    background: url(images/lineagesSprites.png) no-repeat -860px -300px;
    margin: auto;
}



.myProfileChooser .crownArtLarge
{
    /* this should be moved to friends-profile section*/
    margin: 0 auto 28px auto;
}

/***med size 202x169 *****/
.crownArtMedium.crown1000
{
    background-position: -860px -1500px;
}
.crownArtMedium.crown0100
{
    background-position: -1085px -1500px;
}
.crownArtMedium.crown0010
{
    background-position: -1310px -1500px;
}
.crownArtMedium.crown0001
{
    background-position: -1535px -1500px;
}


.crownArtMedium.crown1100
{
    background-position: -860px -1725px;
}
.crownArtMedium.crown1010
{
    background-position: -1085px -1725px;
}
.crownArtMedium.crown1001
{
    background-position: -1310px -1725px;
}
.crownArtMedium.crown0110
{
    background-position: -1535px -1725px;
}


.crownArtMedium.crown0101
{
    background-position: -860px -1950px;
}
.crownArtMedium.crown0011
{
    background-position: -1085px -1950px;
}
.crownArtMedium.crown1110
{
    background-position: -1310px -1950px;
}
.crownArtMedium.crown1101
{
    background-position: -1535px -1950px;
}


.crownArtMedium.crown1011
{
    background-position: -860px -2175px;
}
.crownArtMedium.crown0111
{
    background-position: -1085px -2175px;
}
.crownArtMedium.crown1111
{
    background-position: -1310px -2175px;
}
.crownArtMedium.crown0000
{
    background-position: -1535px -2175px;
}




/***large  size 269 x 226 *****/


.crownArtLarge.crown1000
{
    background-position: -860px -300px;
}
.crownArtLarge.crown0100
{
    background-position: -1160px -300px;
}
.crownArtLarge.crown0010
{
    background-position: -1460px -300px;
}
.crownArtLarge.crown0001
{
    background-position: -1760px -300px;
}


.crownArtLarge.crown1100
{
    background-position: -860px -600px;
}
.crownArtLarge.crown1010
{
    background-position: -1160px -600px;
}
.crownArtLarge.crown1001
{
    background-position: -1460px -600px;
}
.crownArtLarge.crown0110
{
    background-position: -1760px -600px;
}


.crownArtLarge.crown0101
{
    background-position: -860px -900px;
}
.crownArtLarge.crown0011
{
    background-position: -1160px -900px;
}
.crownArtLarge.crown1110
{
    background-position: -1460px -900px;
}
.crownArtLarge.crown1101
{
    background-position: -1760px -900px;
}


.crownArtLarge.crown1011
{
    background-position: -860px -1200px;
}
.crownArtLarge.crown0111
{
    background-position: -1160px -1200px;
}
.crownArtLarge.crown1111
{
    background-position: -1460px -1200px;
}
.crownArtLarge.crown0000
{
    background-position: -1760px -1200px;
}






/*********Jewel Progress *************/
table td.art
{
    vertical-align: top;
    text-align: center;
}
table .jewelArt
{
    background: url(images/lineagesSprites.png) no-repeat -322px 2px;
    width: 175px;
    height: 160px;
}
.jewelProgress
{
    background: url(images/lineagesSprites.png) no-repeat -1219px 0;
    height: 30px;
    width: 145px;
    margin: 0 auto;
}
.lineageProgress .jewelProgress
{
    margin-bottom: 10px;
}

/*** Diamond ***/
.jewel4 .jewelProgress.level1
{
    background-position: -519px -29px;
}
.jewel4 .jewelProgress.level2
{
    background-position: -519px -59px;
}
.jewel4 .jewelProgress.level3
{
    background-position: -519px -89px;
}
.jewel4 .jewelProgress.level4
{
    background-position: -519px -119px;
}
.jewel4 .jewelProgress.level5
{
    background-position: -519px -149px;
}
.jewel4 .jewelProgress.level6
{
    background-position: -519px -179px;
}
.jewel4 .jewelProgress.level7
{
    background-position: -519px -209px;
}
.jewel4 .jewelProgress.level8
{
    background-position: -519px -239px;
}


/*** Ruby ***/
.jewel3 .jewelArt
{
    background: url(images/lineagesSprites.png) no-repeat -322px -160px;
    width: 175px;
    height: 160px;
}

.jewel3 .jewelProgress.level1
{
    background-position: -719px -29px;
}
.jewel3 .jewelProgress.level2
{
    background-position: -719px -59px;
}
.jewel3 .jewelProgress.level3
{
    background-position: -719px -89px;
}
.jewel3 .jewelProgress.level4
{
    background-position: -719px -119px;
}
.jewel3 .jewelProgress.level5
{
    background-position: -719px -149px;
}
.jewel3 .jewelProgress.level6
{
    background-position: -719px -179px;
}
.jewel3 .jewelProgress.level7
{
    background-position: -719px -209px;
}
.jewel3 .jewelProgress.level8
{
    background-position: -719px -239px;
}


/***Amethyst ***/
.jewel2 .jewelArt
{
    background: url(images/lineagesSprites.png) no-repeat -322px -320px;
    width: 175px;
    height: 160px;
}

.jewel2 .jewelProgress.level1
{
    background-position: -919px -29px;
}
.jewel2 .jewelProgress.level2
{
    background-position: -919px -59px;
}
.jewel2 .jewelProgress.level3
{
    background-position: -919px -89px;
}
.jewel2 .jewelProgress.level4
{
    background-position: -919px -119px;
}
.jewel2 .jewelProgress.level5
{
    background-position: -919px -149px;
}
.jewel2 .jewelProgress.level6
{
    background-position: -919px -179px;
}
.jewel2 .jewelProgress.level7
{
    background-position: -919px -209px;
}
.jewel2 .jewelProgress.level8
{
    background-position: -919px -239px;
}


/*** Quartz ***/
.jewel1 .jewelArt
{
    background: url(images/lineagesSprites.png) no-repeat -322px -480px;
    width: 175px;
    height: 160px;
}

.jewel1 .jewelProgress.level1
{
    background-position: -1119px -29px;
}
.jewel1 .jewelProgress.level2
{
    background-position: -1119px -59px;
}
.jewel1 .jewelProgress.level3
{
    background-position: -1119px -89px;
}
.jewel1 .jewelProgress.level4
{
    background-position: -1119px -119px;
}
.jewel1 .jewelProgress.level5
{
    background-position: -1119px -149px;
}
.jewel1 .jewelProgress.level6
{
    background-position: -1119px -179px;
}
.jewel1 .jewelProgress.level7
{
    background-position: -1119px -209px;
}
.jewel1 .jewelProgress.level8
{
    background-position: -1119px -239px;
}


/*********Friends Me Profile - user settings block ****/
.userSettings
{
    display: block;
}
.userSettings .settingsGroup
{
    margin: 0 5px 10px 5px;
    border: 1px solid #BFC3BC;
}
.settingsGroup ul
{
    list-style-type: none;
    margin: 0;
    padding: 5px;
    background: white;
}
.settingsGroup ul li
{
    padding: 0;
    margin: 0 0 5px 0;
    line-height: 1.4em;
}
.settingsGroup .negative
{
    color: red;
}
.settingsGroup .positive
{
    color: green;
}
.settingsGroup .action
{
    display: block;
    text-align: center;
    margin: 0;
}
.settingsGroup h5
{
    background-color: #DCE1DA;
    text-transform: lowercase;
    margin: 0;
    padding: 3px 5px;
    font-size: 15px;
    color: #E9018B;
    font-weight: normal;
    border-bottom: 1px solid #BFC3BC;
}
.settingsGroup a
{
    color: #5A8C92;
}
.userSettings table td
{
    width: 33%;
}
.userSettings .settingsGroup .talisman
{
    text-align: center;
}

/***Help link *****/
.helpLink a span
{
    display: block;
    float: right;
    height: 18px;
    width: 15px;
    text-indent: -2000px;
    margin-left: 10px;
    background: url(images/iconsSprites.png) no-repeat -105px -50px;
}
.helpLink a:hover span
{
    background-position: -105px -80px;
}







/*********Splash Page ********/

.splashContainer
{
    width: 721px;
    margin: 10px auto;
    padding: 168px 0 0 0;
    background: url(images/splashContainerTop.jpg) no-repeat top left;
}
.splashContainer .holder1
{
    background: url(images/splashContainerBottom.png) no-repeat bottom left;
    background-position: bottom left;
    padding-bottom: 78px;
    width: 721px; /* needed for ie6 */
}

.splashContainer .holder2
{
    padding: 0px 81px 0px 81px;
    background: url(images/splashContainerMiddle.png) no-repeat top center;
    min-height: 230px;
}

.splashContent
{
    margin: 30px 10px 0 10px;
}
.splashContent .section
{
    padding: 15px 0;
    border-bottom: 1px solid white;
    background: url(images/pixelGrey.gif) repeat-x bottom left;
}
.splashContent .section.last
{
    border: none;
    background: none;
    margin-bottom: 0;
}
.splashContent .section.signInSignUp{
padding:0;
}

.splashContent .section  table .buttonArea{
text-align:center;
}
.splashContent .section  table .buttonArea .button{
	margin:10px auto;
	float:none;
	display:inline-block;
}
.splashContent .section  table .buttonArea .button span{
min-width:90px;
}
* html .splashContent .section  table .buttonArea .button{
display:block;
width:100px;
}
* html .splashContent .section  table .buttonArea .button span{
width:90px;
}

.splashContent .section .hint
{
    text-align: right;
    font: italic normal 14px georgia;
    color: #736757;
    line-height: 31px;
}
.splashContent .section  table .hint{
    text-align: center;
	line-height:normal;
}

body.splash .finePrint{
color:#777;
text-align:center;
font-weight:normal;
font-size:9px;
}
body.splash .finePrint a{
color:#555;
}

.section.textLinks{
padding:5px 0;
}
.section.textLinks h4{
margin:0;
text-align:center;
font-size:15px;
}
.section.textLinks .links{
text-align:center;
font-size:12px;
}
.section.textLinks .links a{
margin-right:3px;
border-right:1px solid silver;
color: #EB018D
}
.section.textLinks .links a.last{
border-right:0px;
}
.section.textLinks .links a:hover{
color:purple;
}
.section.textLinks .links a span{
margin-right:5px;
}



/* buttons - extends existing button css */
.splashContent .button
{
    background-position: right -304px;
}
.splashContent .button span
{
    height: 31px;
    padding-top: 5px;
    background-position: 0 -254px;
    min-width: 78px;
    text-transform: none;
}
* html .splashContent .button span
{
    width: 100px;
}
.splashContent .button:hover
{
    background-position: right -404px;
}
.splashContent .button:hover span
{
    background-position: 0 -354px;
}


.splashContent .codeAndBook .imagery
{
}
.splashContent .codeAndBook .code .imagery
{
    margin-bottom: 10px;
}
.splashContent .codeAndBook .hint
{
    line-height: 15px;
    font-size: 13px;
    display: block;
    text-align: left;
	width:120px;
}

.splashContent .codeAndBook .code .hint
{
    padding-left: 10px;
}
.splashContent .codeAndBook .book .hint
{
    padding-bottom: 10px;
}
.splashContent .codeAndBook table
{
    margin: 0;
}
html > body .splashContent .codeAndBook table td.spacer span
{
    display: block;
    width: 40px;
}
.splashContent .codeAndBook .button
{
    display: block;
    margin-bottom: 20px;
}
.splashContent .codeAndBook .code .button
{
    margin-top: 0;
}
.codeAndBook h3
{
    font: normal normal 19px georgia;
    text-align: center;
    color: #EB018D;
    margin: 0;
}

/*** splash features *****/
.splashContent .splashFeature 
{
    margin: 5px;
    height: 241px; /*width:530px;*/
    overflow: hidden;
}


.splashContent .splashFeature .feature
{
    padding: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #e5e7e1;
}

.splashFeature .feature table
{
    margin: 0;
}
.splashFeature .feature div.imagery
{
}
.splashFeature .feature div.textContent
{
    font: italic normal 14px georgia;
    padding: 3px 3px 10px 10px;
}
.splashFeature .feature div.textContent .blurb, .splashFeature .feature div.textContent .blurb a, .splashFeature .feature div.textContent .blurb a:hover
{
    color: #67675b;
    text-align: justify;
}
.splashFeature .feature div.textContent h2, .splashFeature .feature div.textContent h2 a
{
    font-size: 20px;
    color: #EB018D;
    font-weight: normal;
    margin: 0 0 10px 0;
}
.splashFeature .feature div.jump
{
    padding: 0 0 5px;
}
.splashFeature .wardrobe
{
    background-color: #d3dde1;
}
.splashFeature .web
{
    background: #e5e7e1;
}

/* revised simpler features v2 */

.splashContent .splashFeature2 
{
    margin: 0 0 0 2px;
    height: 188px; /*width:530px;*/
    overflow: hidden;
}

.splashContent .splashFeature2  .feature{
padding:0;
text-align:center;
}

/* splash featured slider v3 */
.splashFeature3 .container { width:536px; height:189px; overflow:hidden; position:relative; cursor:pointer; background:none; padding:0; margin:0;}
.splashFeature3 .slides { position:absolute; top:0; left:0; }
.splashFeature3 .slides .feature { position:absolute; top:0; width:536px; /*display:none;*/ }
.splashFeature3 { margin: 0 0 0 2px; width:536px; position:relative; clear:both; }
.splashFeature3 ul.pagination { list-style-type:none; margin:0; padding:0; position:absolute; right:10px;top:135px; display:none;}
.splashFeature3 ul.pagination li { float:left; margin:0 5px; }	
.splashFeature3 ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(images/sliderDots.png); background-position:0 0; background-repeat:no-repeat;}
.splashFeature3 ul.pagination li.active a {background-position:0 -12px}
.splashFeature3 a.arrow{display:none;}/*let js show/hide these */
.splashFeature3 a.previous { position:absolute; top:90px; left:5px;}
.splashFeature3 a.next { position:absolute; top:90px; right:5px;}


/*** Social LInks ****/
.socialLinks .link a
{
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 10px;
    background: url(images/iconsSprites.png) no-repeat -10000px -10000px;
    text-indent: -10000px;
}
.socialLinks .link.myspace a
{
    background-position: -31px -900px;
}

.socialLinks .link.facebook a
{
    background-position: -31px -960px;
}

.socialLinks .link.twitter a
{
    background-position: -31px -1020px;
}
.socialLinks .link.youtube a
{
    background-position: -31px -1080px;
}
.socialLinks .link.buyBook a
{
    background-position: -31px -1140px;
}

/******* searvch/browse menu changes for outfitter *****/
.menuTable
{
    margin-top: 15px;
}

#div_body_center .grid_10
{
    margin-left: 88px;
}
td.searchResultsCell
{
    background-color: #DCE1DA;
    padding: 20px;
}
.hide
{
    display: none;
}
/*** wisdom search ***/
body.wisdoms .s
{
    float: left;
    padding: 0;
    margin: 0px;
    padding: 4px 0 0 15px;
    border: 0;
    width: 144px;
    height: 17px;
    background: none;
    color: #E9018B;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}

body.wisdoms .go
{
    float: right;
    margin: 0px;
    border: none;
    padding: 0;
}

/*** BreadCrumb LInks ***/

a.breadCrumbs, hover
{
    color: #493A26;
}

/*********Artist Page *************/
.artistBio .bioColumn{
padding:0;
margin:0;
}
.artistBio .bioColumn h2{
padding:0 0 5px 0;
margin:0 0 10px 0;
border-bottom:1px solid #C6C7C0;
font-size:24px;
font-weight:normal;
}
.artistBio .bio{
color: #004146;
font:italic normal 12px georgia;
line-height:1.8em;
text-align:justify;
padding:0;
margin:0;
}
.artistBio .bio p{
margin:0 0 30px 0;
}
.artistBio .photoColumn img{
padding:10px;
background:#fff;
margin-top:8px;
}
.artistMedia{
margin-left:15px;
}
.artistMedia h2{
border-bottom:1px solid #C6C7C0;
}
.musicList{
margin-bottom:20px;
}

/*** music list redux ******/
.musicList .musicBox.musicBoxTop
{
    padding-top: 6px;
    background:#CBD3CF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.musicList .musicBox{
margin-bottom:10px;
}
.musicList .musicBox .holder
{
    background:  none;
}
.musicList .musicBox .holder .ArtistCover
{
    width: 126px;
    height: 126px;
    margin-left: 6px;
    margin-bottom: 6px;
margin:0 10px 6px 6px;
background:white;
}

.musicList .musicBox .holder .ArtistCover img
{
    border: solid 5px #D7DAD1;
}

.musicList .musicBox .holder td.songInfo{
padding:0 5px 5px 10px;
}
.musicList .musicBox .holder .ArtistSong
{
    font-family: Georgia;
    color: #ED028D;
    font-size: 25px;
    font-style: italic;
    width: 220px;
 
line-height:normal;
display:inline;
}
.musicList .musicBox .holder .PlayIt
{
    font-family: Georgia;
    float: right;
    color: #ED028D;
    font-style: italic;
    font-size: 14px;
    margin-right: 15px; /* disable this because the yahoo player will add the icon width:60px; background-image:url(images/iconsSprites.png); background-position: 0px -838px; text-align:right; */
    margin-top: 5px;
margin-left:10px;
}
.musicList .musicBox .holder .PlayIt a
{
    color: #ED028D; /*override ymp css */
}

.musicList .musicBox .holder .PlayIt a em
{
    top: 2px; /*ymp icon placement shift */
}
.musicList .musicBox .holder .LoveIt
{
    font-family: Georgia;
    float: right;
    color: #ED028D;
    font-style: italic;
    font-size: 14px;
    margin-right: 15px;
    width: 60px;
    background-image: url(images/iconsSprites.png);
    background-position: 0px -812px;
    text-align: right;
    margin-top: 5px;
}

.musicList .musicBox .holder .BuyIt
{
    font-family: Georgia;
    float: right;
    color: #ED028D;
    font-style: italic;
    font-size: 14px;
    margin-right: 10px;
    width: 60px;
    background-image: url(images/iconsSprites.png);
    background-position: 0px -785px;
    text-align: right;
    margin-top: 5px;
}

.musicList .musicBox .holder .ByFrom
{
    font-family: Georgia;
    color: #78817E;
    font-style: italic;
    font-size: 14px;
    margin-left: 10px;
    text-align: left;
}

.musicList .musicBox .holder .ByFromMore
{
    font-family: Georgia;
    color: #78817E;
    font-style: italic;
    font-size: 14px;
    margin-left: 10px;
    text-align: left;
    width: 300px;
    float: left;
}
.musicList .musicBox .holder .By
{
    font-family: Georgia;
    color: #493A26;
    font-style: italic;
    font-size: 19px;
    text-align: left;
}

.musicList .musicBox .holder .From
{
    font-family: Georgia;
    color: #89AE87;
    font-style: italic;
    font-size: 14px;
    text-align: left;
}

.musicList .musicBox .holder .more
{
    font-family: Georgia;
    color: #78817E;
    font-style: italic;
    font-size: 14px;
    text-align: center;
    margin: 20px auto 3px auto;
clear:both;
}
.musicList .musicBox .holder .more a{
color: #78817E;
}

.musicBox #caja
{
    display: none;
    margin-bottom: 10px;
}

/**artist video links **********/
.videoThumb{
background:white;
float:left;
padding:4px;
margin-right:21px;
margin-bottom:20px;
text-align:center;
}
.videoThumb.last{
margin-right:0;
}
.videoThumb .info .title{
display:block;
font:italic bold 20px georgia;
color:#EC018D;
}
.videoThumb .info .artistName{
font:italic bold 17px georgia;
color:#493926;
display:block;
}
.videoThumb .info .artistName .by{
color:#77817D;
font-weight:normal;
}
/*********artist links panel********/
.contentBox.artistLinks{
margin-top:28px;
}
.artistLinks h2{
border-bottom:1px solid #C6C7C0;
text-align:center;
margin:0 0 10px 0;
}
.artistLinks ul{
list-style-type:none;
padding:0;
text-indent:0;
margin:0;
}
.artistLinks li{
margin:0 0 5px 0;
}
.artistLinks li a{
display:block;
margin:0;
padding:5px 10px;
font:italic normal 17px georgia;
color:#493926;
}
.artistLinks li a:hover{
color: #ED028D;
}

/****ToolTip (qtip) *******/
.qtip-light{
font:italic normal 12px georgia;
}

/****** wardrobe search *******/
body.searchWardrobe
{
    background:#FFFFFF;
}

.searchPopup {
	background:#DCE1DA;
	width:824px;
	height:384px;
}

.searchPopup .searchResults {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8AA78B;
	font-size:14pt;
	font-style:italic;
	float:left;
	width:150px;
	margin-left:10px;
	margin-top:2px;
}

.searchPopup .navigation {
	float:right;
	width:308px;
	margin-top:6px;
}

.searchPopup .contentNav ul {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
    border-width: none;
}

.searchPopup .navigation li {
	font-size:12pt;
	margin:0px;
}

.searchPopup .pagination {
	float:right;
	width:320px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8AA78B;
	font-size:10pt;
	font-style:italic;
	text-align:right;
	margin-right:4px;
	margin-top:5px;
	height:20px;
	vertical-align:top;
}

.searchPopup .mainItems {
	float:left;
	clear:left;
	width:824px;
	height:384px;
	margin-top:5px;
}

.searchPopup .whiteBox {
	background:url(images/whiteBoxWardrobe.png) no-repeat;
	width:159px;
	height:159px;
	margin-top:6px;
	margin-bottom:6px;
}

.searchPopup .whiteBox a{
color:#EC028D;
}

.searchPopup .whiteBox a:hover{
color:#C60075;
}

.searchPopup .whiteBox .heart {
	float:left;
	background:url(images/heartItem.png) no-repeat;
	width:16px;
	height:15px;
	margin-top:5px;
	margin-left:5px;
}

.searchPopup .whiteBox .spacer {
	float:right;
	width:9px;
	height:15px;
	margin-top:5px;
	margin-right:5px;
}

.searchPopup .whiteBox .boughtIcon {
	float:right;
	background:url(images/boughtItem.png) no-repeat;
	width:15px;
	height:15px;
	margin-top:5px;
	margin-right:5px;
}

.searchPopup .whiteBox .buyIcon {
	float:right;
	background:url(images/moneyItem.png) no-repeat;
	width:9px;
	height:15px;
	margin-top:5px;
	margin-right:5px;
}

.searchPopup .whiteBox .item {
	float:left;
	clear:left;
	margin-top:-10px;
	width:159px;
	height:115px;
	margin-bottom:5px;
}

.searchPopup .whiteBox .itemDesctiption {
	font-family:Arial, Helvetica, sans-serif, "Franklin Gothic Medium";
	font-size:10px;
	float:left;
	width:159px;
	color:#999F9E;
	line-height:13px;
}

.searchPopup .author {
	color:#EC028D;
}

.searchPopup .choose {
	font-family:Arial, Helvetica, sans-serif, "Franklin Gothic Medium";
	font-size:10px;
	float:left;
	width:159px;
	color:#EC028D;
	line-height:13px;
	margin-left:50px;
	float:left;
	margin-top:22px;
	width:75px;
}

.searchPopup .chooseIcon {
	background:url(images/chooseItem.png) no-repeat;
	width:15px;
	height:15px;
	float:left;
	margin-right:15px;
}

.searchPopup .love {
	font-family:Arial, Helvetica, sans-serif, "Franklin Gothic Medium";
	font-size:10px;
	float:left;
	width:159px;
	color:#EC028D;
	line-height:13px;
	margin-left:50px;
	float:left;
	margin-top:5px;
	width:75px;
}

.searchPopup .loveIcon {
	background:url(images/heartItem.png) no-repeat;
	width:17px;
	height:15px;
	float:left;
	margin-right:13px;
}

.searchPopup .flag {
	font-family:Arial, Helvetica, sans-serif, "Franklin Gothic Medium";
	font-size:10px;
	float:left;
	width:159px;
	color:#EC028D;
	line-height:13px;
	margin-left:50px;
	float:left;
	margin-top:5px;
	width:75px;	
}

.searchPopup .flagIcon {
	background:url(images/flagItem.png) no-repeat;
	width:15px;
	height:15px;
	margin-right:15px;
	float:left;
}

.searchPopup .hideItem {
	font-family:Arial, Helvetica, sans-serif, "Franklin Gothic Medium";
	font-size:10px;
	float:left;
	width:159px;
	color:#EC028D;
	line-height:13px;
	width:75px;
	margin-left:50px;
	float:left;
	margin-top:5px;
}

.searchPopup .hideIcon {
	background:url(images/hideItem.png) no-repeat;
	width:15px;
	height:15px;
	float:left;
	margin-right:15px;
}

/** wardrobe login popup **/

body.wardrobeLoginPopup
{
    background:#FFFFFF;
}

.wardrobeLoginPopup {
	background:#FFFFFF;
	width:424px;
	height:321px;
}

.wardrobeLoginPopup .loginTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8AA78B;
	font-size:14pt;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	float:left;
	width:424px;
}

.wardrobeLoginPopup .subText {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9C9C9C;
	font-size:10pt;
	font-style:italic;
	text-align:center;
	float:left;
	width:424px;
	margin-top:10px;
}

.wardrobeLoginPopup .navbarlogin
{
	height: 25px;
	background: url(images/bgNavBarPink.jpg) repeat-x top left;
	float:left;
	width:425px;
	margin-top:15px;
	margin-bottom:15px;
}

.wardrobeLoginPopup .navbarlogin ul.level_1
{
    margin: 0 auto;
    font-family: georgia;
    font-style: italic;
}

.wardrobeLoginPopup .navbarlogin ul.level_1 li
{
    float: left;
    min-width: 86px;
    border-right: 1px dotted #f681c6;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    height: 25px;
    list-style-type: none;
    margin: 0;
	width:140px;
}
.wardrobeLoginPopup .navbarlogin ul.level_1 li.first
{
    border-left: 1px dotted #f681c6;
}
.wardrobeLoginPopup .navbarlogin ul.level_1 li a
{
    display: block;
    color: white;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 15px 9px 15px;
}
.wardrobeLoginPopup .navbarlogin ul.level_1 li a:hover
{
    background: url(images/bgTopNavOver.png) repeat-x bottom center;
}
.wardrobeLoginPopup .navbarlogin ul.level_1 li.active a
{
    background: url(images/bgTopNavActive.png) repeat-x bottom center;
}

.wrdrobeLoingPopup .back {
	float:left;
}

.wrdrobeLoingPopup .imNew {
	float:left;
}


/** wardobre enroll popup **/

.wardrobeEnroll {}

body.wardrobeEnroll
{
    background:#FFFFFF;
}

.wardrobeEnrollPopup {
	background:#FFFFFF;
	width:424px;
	height:116px;
}

.wardrobeEnrollPopup .loginTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8AA78B;
	font-size:14pt;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	float:left;
	width:424px;
}

.wardrobeEnrollPopup .subText {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9C9C9C;
	font-size:10pt;
	font-style:italic;
	text-align:center;
	float:left;
	width:424px;
	margin-top:10px;
}

.wardrobeEnrollPopup .navbarlogin
{
	height: 25px;
	background: url(images/bgNavBarPink.jpg) repeat-x top left;
	float:left;
	width:425px;
	margin-top:15px;
	margin-bottom:15px;
}

.wardrobeEnrollPopup .navbarlogin ul.level_1
{
    margin: 0 auto;
    font-family: georgia;
    font-style: italic;
}

.wardrobeEnrollPopup .navbarlogin ul.level_1 li
{
    float: left;
    min-width: 86px;
    border-right: 1px dotted #f681c6;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    height: 25px;
    list-style-type: none;
    margin: 0;
	width:211px;
}
.wardrobeEnrollPopup .navbarlogin ul.level_1 li.first
{
    border-left: 1px dotted #f681c6;
}
.wardrobeEnrollPopup .navbarlogin ul.level_1 li a
{
    display: block;
    color: white;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 15px 9px 15px;
}
.wardrobeEnrollPopup .navbarlogin ul.level_1 li a:hover
{
    background: url(images/bgTopNavOver.png) repeat-x bottom center;
}
.wardrobeEnrollPopup .navbarlogin ul.level_1 li.active a
{
    background: url(images/bgTopNavActive.png) repeat-x bottom center;
}

/** Code Pop Up **/

.congratsTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8AA78B;
	font-size:14pt;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	float:left;
	width:650px;
}

.itemUnlocked {
	background-image:url(images/itemUnlockedBG.jpg);
	background-repeat:no-repeat;
	height:220px;
	width:650px;
	background-position:center;
	float:left;
}

.itemUnlocked .item {
	margin-top:40px;
	width:650px;
}