/*************************************************
RESET CSS: all browsers will start from the same place
Reset CSS and Base CSS - version: 2.6.0 - Copyright (c) 2008, Yahoo! Inc. All rights reserved.
*************************************************/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}del,ins{text-decoration:none;}
    
/*************************************************
CORE ELEMENT STYLES
*************************************************/

html {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #898989;
    background:#ffffff url('../images/bg-page.png') repeat-y center center;
    cursor:default;
}

h2 {
    color:#1e6eb9;
    font:bold 14px Helvetica, Arial, 'Lucida Grande', sans-serif;
}

h3 {
    color:#1e6eb9;
    font:bold 12px Helvetica, Arial, 'Lucida Grande', sans-serif;
}

a {
    text-decoration: none;
    color: #49494e;
    font-size: 12px;
    cursor:pointer;
}

a:visited {
    color: #49494e;
}

a:hover {
    text-decoration: underline;
}

.hidden {
    display: none;
}

.block {
    display: block;
}

.bold {
    font-weight: bold;
    font-size: 19px;
}


input.buttonInput, input.buttonSecondaryInput {
    margin:0px;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    line-height:20px;
    height:22px;
    padding:0px 15px;
    overflow:visible;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background:#d78f1e url('../images/bg-button.png') top repeat-x;
    border-width:0px;
    border-right:solid 1px #d78f1e;
    border-bottom:solid 1px #d78f1e;
    text-shadow:#719e03 1px 1px;
}

input.buttonSecondaryInput {
    background-color:#8a8a8a;
    background-image:none;
    border-right:solid 1px #5a5a5a;
    border-bottom:solid 1px #5a5a5a;
}

.buttonInput:active, .buttonSecondaryInput:active {
    background:#d78f1e;
    color:#ECF5DE;
    line-height:22px;
}

.buttonSecondaryInput:active {
    background:#5a5a5a;
}

input.textInput, textarea, .selectInput {
    padding:2px;
    font:normal 13px 'Lucida Grande', Helvetica, Arial, sans-serif;
    color:#222;
    background:#fff url('../images/input_bg.gif') repeat-x top;
    outline:0;
    margin:0;
    border:solid 1px #bbb;
    color:#A0ADB6;
}

#intro-login input.active, #intro-register input.active
{
    color:#5F676D;    
}

#signout {
    text-align:center;
    background: white;
}

DIV#signoutcontents {
    text-align:center;
    height:100px;
    margin-top:100px;
    background: transparent url( "../images/ajaxloader-bar.gif" ) no-repeat center center;
    color:gray;
    font-weight:bold;
    font-size:18px;
}

.loader {
    background: transparent url( "../images/ajaxloader-bar.gif" ) no-repeat center center;
}

.loaderSnake {
    background: transparent url( "../images/ajaxloader-bar.gif" ) no-repeat center center;
}

.loader_right {
    background: transparent url( "../images/ajax-loader-bounce.gif" ) no-repeat center right;
}

.error-page H1 {
    display:block;
    color:#b3111c;
    font-weight:bold;
    font-size:14px;
    padding-left:10px;
}

.error-page A {
    display:block;
    padding:10px 0 20px 10px;
    font-size:12px;
    color:#1e6eb9;
}

/*************************************************
WHOLE BODY CSS
**************************************************/
#page-whole {
    display: table;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-width: 960px;
    width: 960px;
}


/*************************************************
HEADER CSS
**************************************************/

DIV#page-content {
    clear:both;
    padding:0 20px 0 20px;
}

DIV#page-banner-ad {
    float:right;
    margin:10px 20px 10px 20px;
    width:468px;
    height:60px;
    border:1px solid black;
}

DIV#page-header-menu {
    padding:0 20px 0 20px;
    height:24px;
}

DIV#page-header-menu #products-menu {
    border-top:1px SOLID #f3f3f3;
    border-bottom:3px SOLID #f3f3f3;
    height:20px;
    float:left;
    padding-right:3px;
}

DIV#page-header-menu #products-menu DIV {

    padding:3px 0 0 0px;

}

DIV#page-header-menu #products-menu .selected-product,
    DIV#page-header-menu #products-menu A {
    height:17px;
    display:block;
    clear:none;
    float:left;
    padding:0 6px 0 6px;
}

DIV#page-header-menu #products-menu A:hover {
    color:#454545;
    background: transparent url( "../images/icon-arrow-up.png" ) no-repeat bottom center;
}

DIV#page-header-menu , DIV#page-header-menu A {
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    color:#8a8a8a;
    text-transform: uppercase;
    font-size:10px;
    text-decoration: none;
}

DIV#page-header-menu A {
    font-weight:bold;
}

DIV#page-header-menu #pva-main-menu {
    float:right;
    border-bottom:3px SOLID #ffb12f;
    /*display:block;*/
    clear:none;
    height:21px;
}

DIV#page-header-menu #user-picture {
    margin: 3px 10px 0;
    float: right;
    width: 40px;
}

DIV#page-header-menu #user-picture img {
    border: 1px solid #FFB12F;
    position: absolute;
}

DIV#page-header-menu #pva-main-menu A {
    text-transform: lowercase;
    display:block;
    float:left;
    clear:none;
    padding:3px 7px 0 7px;
    font-family:Arial,Helvetica,Geneva,sans-serif;
    font-size:11px;
}

DIV#page-header-menu #username_link {
    color:#ffb12f;
    font-size:13px;

}

DIV#page-menu {
    padding:0 20px 0 20px;
    height:30px;
}

DIV#page-menu DIV {
    height:20px;
    /*border-bottom:3px SOLID #f3f3f3;
    border-top:3px SOLID #f3f3f3;*/

    /* TODO : in IE make top and bottom only */
    border:3px SOLID #f3f3f3;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;

    padding-top:2px;
    padding-bottom:2px;

}

DIV#page-menu A, DIV#page-menu .page-menu-product {
    font-family:Arial,Helvetica,Geneva,sans-serif;
    color:#454545;
    font-size:12px;
    text-decoration: none;
    height:14px;
    display:block;
    clear:none;
    float:left;
    padding:3px 12px 3px 12px;
    text-align:center;
    min-width:75px;

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

}

DIV#page-menu A:hover {
    color:#ffffff;
    background-color: #ffb12f;
    font-weight:bold;
}

DIV#page-menu .page-menu-selected {
    font-weight:bold;
}

DIV#page-header {
    height: 90px;
}

DIV#page-header #page-header-logo {
    height: 53px;
    width: 312px;
    background: transparent url( "../images/icon-logo-large.png" ) no-repeat top left;
    float: left;
    clear: none;
    position:relative;
    margin:18px 0 0 30px;
}



.introseperator {
    
    margin-top:15px;
    height:8px;
    background: transparent url( "../images/bg-seperator.gif" ) no-repeat center center;

 }


DIV#page-footer {

    clear:both;
    float:right;
    text-align:center;
    margin-right:30px;
    font-size:12px;
    width:918px;
}


/********************************
INTRO PAGE
********************************/

DIV#intro-login {
    border:1px SOLID #e3e3e3;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float:right;
    clear:both;
    height:auto;
    min-height: 255px;
    width:240px;
    position:relative;
    margin-right:10px;
    padding-bottom:10px;
}

DIV#intro-content {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float:left;
    height:475px;
    width:649px;
    background: transparent url( "../images/splash.png" ) no-repeat left center;
    margin-left:10px;
}

DIV#intro-content h2 {
    color:orange;
    font-size:225%;
    position:absolute;
    top:2.7em;
    left:8.5em;
}

DIV#intro-content ul {
    color:#888;
    font-size:105%;
    position:absolute;
    top:14.5em;
    left:18.5em;
}

DIV#intro-content li {
    list-style-image: url("../images/bullet.png");
    list-style-position:inside;
    margin-bottom:1em;
}

DIV#intro-register {
    border:1px SOLID #e3e3e3;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    width:210px;
    float:right;

    margin-top:15px;
    margin-right:10px;
    padding:15px;
}

DIV#intro-register, DIV#intro-content, DIV#intro-login {
    position:relative;
}



DIV#intro-login #login INPUT {
    margin-right:10px;
}

DIV#intro-login #login {
    padding:15px 15px 5px 15px;
}

DIV#intro-login #login DIV#login-suboptions, DIV#intro-login #login DIV#login-suboptions A {
    margin-top:3px;
    font-size:11px;
    color:gray;
}


DIV#intro-register #register A {
    text-decoration: underline;
    color:gray;
}

DIV#intro-register #register .textInput, DIV#intro-login .textInput{
    width:200px;
    padding:5px;
    margin:5px 0 5px 0;
}

DIV#intro-register h2, DIV#intro-login h2  {
    display:block;
    margin-bottom:10px;
    color:#696f72;
}

DIV#intro-register #termsandconditions {
    margin-right:8px;
}

DIV#intro-register .buttonInput, DIV#intro-login .buttonInput {
    margin-left:30px;
    margin-top:15px;
    float:right;
}

/* REGISTER hiding on submission */
DIV#intro-register .hideOnSubmit {
    height:170px;
    background: transparent url( "../images/ajaxloader-bar.gif" ) no-repeat center 60px;
}

DIV#intro-register .hideOnSubmit .textInput, DIV#intro-register .hideOnSubmit INPUT, DIV#intro-register .hideOnSubmit LABEL {
    display:none;
    visibility:hidden;
}

DIV#intro-register .hideOnSubmit .buttonInput {
    visibility:visible;
    display:inline;
    margin-top:110px;
}

/* LOGIN hiding on submission */
DIV#intro-login .hideOnSubmit {
    height:40px;
    background: transparent url( "../images/ajaxloader-bar.gif" ) no-repeat center center;
}

DIV#intro-login .hideOnSubmit .textInput,
    DIV#intro-login .hideOnSubmit .buttonInput,
    DIV#intro-login .hideOnSubmit INPUT,
    DIV#intro-login .hideOnSubmit A,
    DIV#intro-login .hideOnSubmit LABEL {

    display:none;
    visibility:hidden;
}


.dialog-contents .hideOnSubmit {
    height:250px;
    background: transparent url( "../images/ajaxloader-bar.gif" ) no-repeat center center;
}

.dialog-contents .hideOnSubmit .textInput,
    .dialog-contents .hideOnSubmit .buttonInput,
    .dialog-contents .hideOnSubmit INPUT,
    .dialog-contents .hideOnSubmit A,
    .dialog-contents .hideOnSubmit LABEL,
    .dialog-contents .hideOnSubmit P,
    .dialog-contents .hideOnSubmit div {

    display:none;
    visibility:hidden;
}

#register_error {

    color:#b3111c;
    font-weight:bold;
    font-size:12px;
    padding:0 10px 0 10px;
}

#login_error {

    color:#b3111c;
    font-weight:bold;
    font-size:11px;
    padding:0;
}

.formFieldError {
    text-align:right;
    font-size:11px;
    color:#b3111c;
    height:0;
    overflow:hidden;
}


.formFieldElementError {
    border:solid 1px #b3111c;
}

.formError {
    color:#b3111c;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    padding:0 10px 5px 10px;
}

/************************************************
Welcome page
*************************************************/

    #welcome {
        padding-top:10px;
    }

    #welcome #profile-container {
        width:918px;
    }

    #welcome #profile-container, #welcome #profile, #welcome #recentactivity {
        height:305px;
        clear:none;
        float:left;
    }

    #welcome #profile {
        width:360px;
    }

    #welcome #profile #profilepic {
        margin:12px 10px 10px 10px;
        width:150px;
        height:140px;
        float:left;
        clear:none;

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

        background-repeat:no-repeat;
        background-position:center center;
    }

    #welcome #profile #profilepic #profilepic-menu {
        position:relative;
        right:0;
        top:0;
        float:right;
        width:80px;
        height:20px;
        color:#1e6eb9;
        font-size:11px;
        cursor:pointer;
        background:#efefef;
        padding:3px 0 0 6px;
        display:none;
    }

    .profilepic-menu-notify {

        border:1px SOLID #efefef;
        background-color:#fefff1;
        cursor:text;
    }

    #welcome #profile .emptyprofilepic {
        background:transparent url('../images/empty-profile.png') no-repeat top left;
    }

    #welcome #profile #profile-name, #welcome #profile #profile-name-text {
        float:left;
        clear:right;
        color:#fa4751;
        font-size:16px;
        font-weight:bold;
        margin-top:10px;
        max-width:170px;
        width:170px;
        overflow:hidden;
        border:1px SOLID #fff; /* to prevent jump on hover below */
        min-height:18px;
        padding-left:2px;
    }

    #welcome #profile #profile-name-text, #welcome #profile #profile-bio-text {
        display:none;
        background:none;
    }

    #welcome #profile .informEntryRequired,
        #welcome #profile #profile-name-text,
        #welcome #profile #profile-bio-text,
        #welcome #profile #profile-name:hover,
        #welcome #profile #profile-bio:hover {

        border:1px SOLID #efefef;
        background-color:#fefff1;
        cursor:text;
    }

    #welcome #profile .informEntryRequired {

        color:#898989;
        font-size:12px;
        font-weight:bold;
    }

    #welcome #profile #profile-bio, #welcome #profile #profile-bio-text {
        float:left;
        color:#898989;
        font-size:12px;
        border:1px SOLID #fff;
        font-weight:normal;
        width:160px;
        margin-top:10px;
        padding:5px;
        height:90px;
    }

     #welcome #profile #profile-bio:hover {
         overflow:hidden;
    }

    #welcome #profile #profiledata {
        border-collapse:separate;
        background:#f4f4f4;
        display:block;
        clear:both;
        margin:0 12px 0 9px;
        
        border-radius:7px;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
    }

    #welcome #profile #profiledata .quota {
        width:120px;
    }

    #welcome #profile #profiledata TD {
        vertical-align:top;
    }

    #welcome #profile #tagcloud-container {
        margin:0;
        width:170px;
        height:120px;
        background:#f4f4f4;
                border-radius:7px;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
    }

    #welcome #recentactivity {
        width:518px;
        margin-left: 40px;
    }

    #welcome #recentactivity #recentthumbnailbig {
        width:500px;
        height:267px;
        top:10px;
        margin-left:10px;
        position:relative;

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

        background-position: center center;
        background-repeat:no-repeat;

    }

    #welcome #recentactivity .recentthumbnail-empty {
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        background:#fafafa;
    }

    #welcome #recentactivity .recentthumbnail-empty P {

        display:block;
        text-align:center;
        font-size:14px;
        font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
        font-weight:bold;
        padding-top:25px;
    }

    #recentthumbnailbig .recentthumbnailbig-info {
        height:45px;
        position:relative;
        top:217px;

        background:black;
        -moz-opacity: .60;
        filter: alpha( opacity = 60 );
        opacity: .60;

        padding:5px 0 0 15px;
    }

    #recentthumbnailbig .recentthumbnailbig-info .majordetails {
        font-weight:bold;
        color:white;
        font-size:13px;
        display:block;
        float:left;
        clear:both;

        top:-5px;
        position:relative;
    }

    #recentthumbnailbig .recentthumbnailbig-info .minordetails {
        color:white;
        display:block;
        float:left;
        clear:both;
        padding:5px 0 0 0px;

        top:-5px;
        position:relative;
    }

    #welcome #recentmedia, #welcome #recentalbums, #welcome #recentstories {
        width:auto;
        height:210px;
        clear:both;
    }

    #allmedia-carousel
    {
        position:relative;
        width:534px;
        height:75px;
        margin:auto;
        margin-top:1em;
        margin-bottom:1em;
        float:left;
        border:none;
        background:white;
    }

    #allmedia-carousel ul.jcarousel-list img
    {
        width:75px;
        height:75px;
    }

    #welcome #recentmedia, #welcome #recentalbums, #welcome #recentstories {
        padding:15px 0 10px 0;
    }

    .panel-header {
        border:3px SOLID #f3f3f3;
        height:23px;
        padding: 0 12px 0 6px;

        border-radius:7px;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
    }

    .panel-header H2 {
        color:#1e6eb9;
        font-size:14px;
        display:block;
        padding:4px 0 0 0;
        float:left;
        clear:none;
    }


    #welcome #recentalbums .panel-header, #albums .panel-header  {
        height:26px;
    }

    #welcome #recentalbums .panel-header H2 {
        padding:5px 0 0 0;
    }

    #welcome #profile .panel-header H2 {
        color: #fa4751;
    }

    .panel-header A , .panel-header SPAN {
        padding:5px 0 0 0;
        display:block;
        float:right;
        clear:none;
        color:#1e6eb9;
        font-size:11px;
    }

    .panel-header .seperator {
        padding:5px 7px 0 7px;
        display:block;
        float:right;
        clear:none;
        color:#1e6eb9;
        font-size:11px;
    }

    .panel-header .pointer {
        float:right;
        position:relative;
        clear:both;
        width:17px;
        height:14px;
        display:block;
        background:transparent url('../images/bg-hdr-pointer.png') no-repeat top left;
        top:2px;
    }

    #welcome #profile #profile-quotainfo {
        font-size:12px;
        font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
        font-weight:bold;
        padding:18px 0 0 18px;
    }

    #welcome #profile #profile-quotainfo strong {
        color:#ffb12f;
        font-weight:bold;
    }

/**********************************
MEDIA LISTS
**********************************/

.emptymedialist {
    background-color:white; /*gets rid of loading spinner */
}

.emptymedialist P {

    display:block;
    text-align:center;
    font-size:14px;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
    padding-top:25px;
}

.emptymedialist P A {

    color:#ffb12f;
    font-weight:bold;
    font-size:14px;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;

}

.mediagrid .mediaitem {
    width:128px;
    height:162px;
    float:left;
    clear:none;
    padding:5px 11px 0 11px;
    overflow:visible;

    position: relative;

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.mediagrid .mediaitem .mediathumb, .mediathumb /*direct access to for drag proxies */ {

    height:126px;
    width:126px;
    border:1px SOLID #cfcfcf;
    cursor:pointer;
    overflow:hidden;
    background: transparent url( "../images/empty_album.gif" ) no-repeat top left;

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.mediathumb .albummarker{
    height:15px;
    position:relative;
    top:112px;
    width:126px;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
    font-size:11px;
    text-align:center;
    background:black;
    -moz-opacity: .60;
    filter: alpha( opacity = 60 );
    opacity: .60;
    overflow:hidden;
}

/* make grid to ensure height matches content*/
.mediagrid {
    display:table;
}

.mediagrid .mediaitem .mediadetails {
    overflow:hidden;
}

.mediagrid .mediaitem .mediadetails .majordetails,
    .mediagrid .mediaitem .mediadetails .minordetails {

    color:#196fb7;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
    font-size:11px;
    display:block;
    overflow:hidden;
    white-space: nowrap;
    height:14px;
}

.mediagrid .mediaitem .mediadetails .majordetails {
    padding-top:4px;
}

.mediagrid .mediaitem .mediadetails .minordetails {
    color:gray;
    font-weight:normal;
    overflow:hidden;
}

/* blog styles */
.bloglayout .mediadetails
{
    margin-top:1em;
    margin-bottom:2em;
    width:100%;
    float:left;
    border-bottom:1px dashed #aaa;
}

.bloglayout .mediadetails a
{
    text-align:center;
}

.bloglayout .mediadetails span
{
    float:right;
}
/* end of blog styles */

.mediagrid .mediaitem .mediatype-video,
    .mediagrid .mediaitem .mediatype-audio,
    .mediagrid .mediaitem .mediatype-photo,
    .mediagrid .mediaitem .mediatype-album {
    width:15px;
    height:15px;
    margin:110px 0 0 1px;
    float:left;
}

.mediagrid .mediaitem .mediatype-video {
    background:transparent url(../images/icon-video.png) center no-repeat;
}

.mediagrid .mediaitem .mediatype-audio {
    background:transparent url(../images/icon-audio.png) center no-repeat;
}

.mediagrid .mediaitem .mediatype-album {
    background:transparent url(../images/icon-album.png) center no-repeat;
}

.media-private, .media-public, .media-share-loader  {
    width:15px;
    height:15px;
    float:right;
    margin:110px 1px 0 0;
    cursor:pointer;
}

.panel-header .media-private, .panel-header .media-public, .panel-header .media-share-loader {
    margin:4px 0 0 0;
    float:right;
}

.mediagrid .mediaitem .media-private:hover, .mediagrid .mediaitem .media-public:hover {
    background-color:#efefef;
}

.media-private {
    background:transparent url(../images/icon-private.png) center no-repeat;
}

.media-public {
    background:transparent url(../images/icon-public.png) center no-repeat;
}

.media-share-loader {
    background: #efefef url( "../images/ajaxloader-bar.gif" ) no-repeat center center;
}

.thumbnail-float-menu {

    width:80px;
    background:#efefef;
    display:none;
    position:absolute;
    border:1px SOLID gray;
    height:auto;
    padding:5px;

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

    -moz-opacity: .80;
    filter: alpha( opacity = 80 );
    opacity: .80;
    z-index:2000;
}

.thumbnail-float-menu:hover {
    -moz-opacity: 1;
    filter: alpha( opacity = 100 );
    opacity: 1;
}

.thumbnail-float-menu A {

    display:block;
    padding:2px 3px 2px 3px;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
    font-size:11px;
    color:#1e6eb9;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    cursor:pointer;
}

.thumbnail-float-menu A:hover {
    color:#ffffff;
    background-color: #ffb12f;
    font-weight:bold;
}

.thumbnail-float-menu-icon {

    position:absolute;
    width:65px;
    height:0;
    color:#1e6eb9;
    font-size:11px;
    cursor:pointer;
    background:#efefef;

    padding:0 0 0 25px;
    line-height:20px;
    display: none;

    height:22px;
    overflow:hidden;
    z-index:1;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    
    -moz-opacity: .80;
    filter: alpha( opacity = 80 );
    opacity: .80;
}


.thumbnail-float-menu-icon:hover {

    -moz-opacity: 1;
    filter: alpha( opacity = 100 );
    opacity: 1;
}







#create-new-album, #create-new-blog {
    overflow:hidden;
    white-space: nowrap;
}

#album-create-container, #blog-create-container, #story-create-container {
    float:right;
    overflow:hidden;
    width:0;
    height:22px;
}

#album-create-container INPUT, #blog-create-container INPUT, #story-create-container INPUT {
    overflow:hidden;
}







#recentmedia-mediagrid, #recentalbums-mediagrid {
    max-height:162px;
    height:162px;
    margin:10px 0 10px 0;
    width:100%;
    display:block;
}


#recentmedia-mediagrid, #recentalbums-mediagrid, #recentstories-mediagrid {
    max-height:162px;
    margin:10px 0 10px 0;
    width:100%;
    display:block;
}

#recentmedia-mediagrid, #recentalbums-mediagrid {

}

/**************************************
    Printing
**************************************/

#printing li
{
    list-style-type:disc;
    margin-bottom:0.3em;
}

/**************************************
    Events
**************************************/

#events li
{
    list-style-type:disc;
    margin-bottom:0.3em;
}

/**************************************
    Groups
**************************************/

#groups li
{
    list-style-type:disc;
    margin-bottom:0.3em;
}

/**************************************
    Message Minder
**************************************/

#messageminder-features ul
{
    margin-top:1em;
    margin-left:1em;
    margin-bottom:1em;
}

#messageminder-features li
{
    list-style-type:disc;
    margin-bottom:0.3em;
}

#messageminder-features h3
{
    margin-top:1.3em;
    margin-bottom:0.3em;
}

#leftContent.messageminder-leftcontent
{
    width:450px;
    font-size:10px;
}

#messageminder-rightcontent
{
    margin-right:30%;
}

#messageminder-rightcontent #s4 { height:350px; }
#messageminder-rightcontent #nav a, #s7 strong, #prevSlide, #nextSlide {  text-decoration: none }
#messageminder-rightcontent #nav a.activeSlide { color: #1E6EB9; }
#messageminder-rightcontent #nav a:focus { outline: none; }
#messageminder-rightcontent #nav a, #prevSlide, #nextSlide
{
    border-bottom:1px dotted;
    margin: 0 5px; padding: 3px 5px;
}
#prevSlide, #nextSlide, #nav
{
    float:left;
    padding-bottom:0;
}


/**************************************
    Dialogs
**************************************/

.dialog-contents {
    padding:15px;
}

.dialog-contents P {
    display:block;
    padding-bottom:10px;
}

.dialog-contents P STRONG{
    font-weight:bold;
}

.dialog-contents h1 {
    color: #a03418;
    font-size: 16px;
    font-weight: bold;
    margin-top: 6px;
    margin-left: 5px;
}


.dialog-contents .dialog-buttons {
    text-align:right;
    clear:both;
}

.dialog-message {
    clear:both;
    font-size:11px;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
    background: #c1131e;
    padding:5px 10px 10px 10px;
    color:white;
    display:none;
}

.simple-dialog-loading {
    background-image: url( "../images/ajaxloader-bar.gif" );
    background-repeat: no-repeat;
    background-position: center center;
    width: auto;
    height: 70px;
}

#fileUploadAvatarDialog #simpleloader {

    padding-left:20px;
    padding-top:10px;
    padding-bottom:20px;
}

#pleasewaitloader {

    background: transparent url( "../images/ajaxloader-bar.gif" ) no-repeat center left;
    display:none;
    font-weight:bold;
    height:25px;
    padding-left:35px;
}

.dialog-contents .thumbnailbanner {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    width:366px;
    height:70px;
    margin-bottom:10px;
}

#editprofile {
    padding:5px 0 0 40px;
}



#editphoto-tools a {
    font-size:11px;
    color:#8a8a8a;
}

#editphoto-tools .configlist-entry-text {
    padding-left:20px;
    padding-right:5px;
    clear:both;
}

#editphoto-tools SPAN.configlist-entry-text {
    color: #49494e;
}

#editphoto-tools A.configlist-entry-text {
    width:165px;
}

#editphoto-tools #tool-rotate {
    background: url( ../images/icon-rotate.gif ) no-repeat center left;
}

#editphoto-tools #tool-rotate {
    background: url( ../images/icon-rotate.gif ) no-repeat center left;
}

#editphoto-tools #tool-flip {
    background: url( ../images/icon-flip.gif ) no-repeat center left;
}

#editphoto-tools #tool-contrast {
    background: url( ../images/icon-contrast.gif ) no-repeat center left;
}

#editphoto-tools #tool-bright {
    background: url( ../images/icon-brightness.gif ) no-repeat center left;
}

#editphoto-tools #tool-redeye {
    background: url( ../images/icon-redeye.gif ) no-repeat center left;
}

#editphoto-tools #tool-cartoon {
    background: url( ../images/icon-cartoon.gif ) no-repeat center left;
}

#editphoto-tools #tool-sharpen {
    background: url( ../images/icon-sharpen.gif ) no-repeat center left;
}

#editphoto-tools #tool-greyscale {
    background: url( ../images/icon-grayscale.gif ) no-repeat center left;
}

#editphoto-tools #tool-emboss {
    background: url( ../images/icon-emboss.gif ) no-repeat center left;
}

#editphoto-tools #tool-blur {
    background: url( ../images/icon-blur.gif ) no-repeat center left;
}

#editphoto-tools #tool-sketch {
    background: url( ../images/icon-sketch.gif ) no-repeat center left;
}

#editphoto-tools #tool-charcoal {
    background: url( ../images/icon-charcoal.gif ) no-repeat center left;
}

#editphoto-tools #tool-oilpaint {
    background: url( ../images/icon-oilpaint.gif ) no-repeat center left;
}

#editphoto-tools #tool-wave {
    background: url( ../images/icon-wave.gif ) no-repeat center left;
}

#editphoto-tools #tool-edge {
    background: url( ../images/icon-edge.gif ) no-repeat center left;
}






.formlayout .formlabel {
    width:100px;
}

.formlayout .textInput {
    width:200px;
    color:#5F676D;
}
                        
.formlayout .check {
    margin-right:5px;
}

.formlayout textarea{
    height:100px;
}

.formlayout TD {
    padding-bottom:10px;
    vertical-align:top;
}

/**********************************************************
Invite dialog
**********************************************************/

#invitationDialog FORM#invite LABEL{
    width:120px;
    display:block;
}

#invitationDialog FORM#invite .textInput{
    width:240px;
}

#invitationDialog .dialog-buttons {
    padding-top:10px;
}

#invite-list {
    min-height:35px;
}

.corelayout-options .configlist .invite-entry-viewed {
    background: url( ../images/icon-viewed.gif ) no-repeat center right;
}

.corelayout-options .configlist P {
    padding-top:8px;
    display:block;
    clear:both;
    width:165px;
}
/* Delete and rename dialogs */

#renameMediaDialog .dialog-contents .thumbnailbanner , #delMediaDialog .dialog-contents .thumbnailbanner {
    width:270px;
    height:50px;
}

#renameMediaDialog .dialog-contents .hideOnSubmit, #delMediaDialog .dialog-contents .hideOnSubmit {
    height:107px;
}



/**********************************************************
Media Entry
**********************************************************/


#viewmedia {
   min-height:100px;
}

#viewmedia .breadcrumbs {
   display:none;
}

/* apply to each new expando entry so is invisible until animated into place */
.expandolist-entry-init {
    height:0px;
    display:none;
    overflow:hidden;
    background:#FFFFcc;
}

.expandolist-form {
    max-width:200px;
    height:25px;
    display:none;
    -moz-opacity: 0;
    filter: alpha( opacity = 0 );
    opacity: 0;
    overflow:hidden;
}

.expandolist-form SELECT, .expandolist-form INPUT {
    width:130px;
    max-width:130px;
    float:left;
}

.expandolist-form .configlist-entry {
    overflow:hidden;
}

.expandolist-form .configlist-entry-add {
    display:block;
    background: url( ../images/icon-add.gif ) no-repeat top left;
    width:11px;
    height:11px;
    float:right;
    margin:3px 0 0 10px;
    overflow:hidden;
}

.expandolist-form .configlist-entry-add:hover {
    background: url( ../images/icon-add-hover.gif ) no-repeat top left;
}

.breadcrumbs {
    padding:10px 0 10px 10px;
    display:block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    color:#1e6eb9;
    width:918px;
    min-height: 14px;
}

.breadcrumbs A {
    font-size: 11px;
    font-weight: bold;
    color:#1e6eb9;
}

.breadcrumbs {
        clear:both;
}

.corelayout-body {
    float:left;
    width:620px;
}

.corelayout-body #mediaentry-container, .corelayout-body #photoedit-container {
    width:600px;
    height:350px;
    background-position:center center;
    background-repeat:no-repeat;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;

    margin:15px 8px 0 8px;
}

.corelayout-body #mediaentry-container {
    height:auto;    
}

.corelayout-body #photoedit-container #photoedit-pleasewait {
    font-weight:bold;
    color:white;
    font-size:14px;
    position:relative;
    padding-left:15px;
    float:right;
    background: transparent url( "../images/ajax-loader-bounce.gif" ) no-repeat left center;
    display:none;
}

.inlineimageinfo {

    position:relative;
    background:black;
    -moz-opacity: .60;
    filter: alpha( opacity = 60 );
    opacity: .60;

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.corelayout-body #photoedit-container .inlineimageinfo {
    top:300px;
    height:45px;
    padding:5px 0 0 15px;
}


.corelayout-body #photoedit-container P {
    display:block;
    padding:0 10px 3px 10px;
}

.corelayout-body #photoedit-container .inlineimagedetails {
    position:relative;
    top:255px;
}

.corelayout-body #photoedit-container .majordetails {
    font-size:16px;
    font-weight:bold;
    color:white;
    float:left;
}

.corelayout-body #photoedit-container .minordetails {
    font-size:12px;
    font-weight:normal;
    color:white;
    float:left;
    clear:left;
}

.corelayout-body #photoedit-container #photoedit-options-bg {
    float:right;
    top:-50px;
    width:115px;
    padding:0 10px 0 10px;
    margin:0;
    display:none;
    height:0;
    overflow:hidden;
}

.corelayout-body #photoedit-container #photoedit-options {
    position:relative;
    float:right;
    top:-50px;
    left:125px;
    padding-top:3px;
    display:none;
    height:0;
    overflow:hidden;
}

.corelayout-body #photoedit-container #photoedit-options A {
    display:block;
    clear:none;
    padding:0 5px 0 5px;
    color:white;
    font-weight:bold;
    font-size:11px;
    float:left;
}

.corelayout-body #photoedit-container #photoedit-options #photoedit-options-startagain {
    border-left:1px SOLID white;
}

.corelayout-body #photoedit-container #photoedit-options A:hover {
    background-color: #ffb12f;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.corelayout-body #mediaentry-carousel{
    
    position: relative;
    top: -25px;
    overflow: hidden;
}

.corelayout-body #mediaentry-comments {
    margin-top:0;
}


.corelayout-body #comments-container {
    min-height:50px;
}

.corelayout-body #mediaentry-comments TABLE {
    margin-top:10px;
    margin-bottom:5px;
    width:90%;
}

.corelayout-body #mediaentry-comments TABLE TD {
    padding-bottom:15px;
    vertical-align:top;
}

.corelayout-body #mediaentry-comments TABLE TD A {
    color:#1e6eb9;
}

.corelayout-body #mediaentry-comments .comment-icon {
    width:77px;
    height:77px;
    padding-right:12px;
}

.corelayout-body #mediaentry-comments .comment-icon .comment-profile {

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    width:77px;
    height:77px;
}

.corelayout-body #mediaentry-comments .comment-posted {
    font-weight:bold;
    font-size:11px;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
}

.corelayout-body #mediaentry-comments P {
    font-size:12px;
}

.corelayout-body #mediaentry-comments .textInput {
    margin-top:1em;
    margin-left:1em;
    margin-bottom:1em;
}

.corelayout-body #mediaentry-comments .formFieldError {
    text-align:left;
}

.corelayout-body #mediaentry-comments TEXTAREA {
    margin-top:10px;
    width:620px;
    height:50px;
    color:#5F676D;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.corelayout-body #mediaentry-comments #comment-buttons {
    text-align:right;
    height:20px;
}

.corelayout-body #mediaentry-comments .buttonInput,
.corelayout-body .blogdescription .buttonInput {
    margin:4px 0px 30px 0px;
}

.corelayout-body .tipbox {

    width:605px;
    height:30px;
    background:#f6f6f6;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #e3e3e3;
    padding-top:17px;
    padding-left:15px;
    color:#a8a8a8;
    font-weight:bold;
    margin-top:30px;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-size:11px;
    float:left;
    clear:both;
}

.corelayout-body .tipbox:hover {
    background:#a7a7a7;
    color:#ffffff;
}

.corelayout-body .tipbox P {
    float:left;
}

.corelayout-body .tipbox A {
    float:right;
    display:block;
    background: url( ../images/icon-tip-next.gif ) no-repeat top left;
    height:26px;
    width:26px;
    cursor:pointer;
    position:relative;
    top:-5px;
    margin-right:10px;
}

.corelayout-body .tipbox A:hover {
    background: url( ../images/icon-tip-next-hover.gif ) no-repeat top left;
}

.corelayout-options {
    float:right;
    width:220px;
}

#entry-additional-info {
    line-height:20px;
}

#entry-additional-info STRONG {

    font-weight:bold;
}

#entry-additional-info LABEL {

    color:#1e6eb9;
}

#albumshare_info, #mediashare_info {
    background-position: center right;
    font-size:11px;
    overflow:hidden;
}


.panel-header .addlink {
    display:block;
    background: url( ../images/icon-add.gif ) no-repeat top left;
    width:11px;
    height:11px;
    float:right;
    position:relative;
    top:7px;
    left:-3px;
}

.panel-header .addlink:hover {
    background: url( ../images/icon-add-hover.gif ) no-repeat top left;
}

.corelayout-options .panel-header {
    float:left;
    clear:both;
    width:195px;
}

.corelayout-options .configlist {
    padding:10px 10px 30px 15px;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    color:#8a8a8a;
    font-size:11px;
    float:left;
    clear:both;
}

.corelayout-options .configlist .configlist-entry-text {
    float:left;
    display:block;
    clear:right;
    padding:3px 14px 3px 0;
    overflow:hidden;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
    color:#8a8a8a;
    font-size:11px;
}

.corelayout-options .configlist .configlist-entry-del {
    display:block;
    margin:3px 7px 3px 0;
    clear:left;
    float:left;
    background: url( ../images/icon-del.gif ) no-repeat top left;
    width:12px;
    height:12px;
    overflow:hidden;
}

.corelayout-options .configlist .configlist-entry-del:hover {
    background: url( ../images/icon-del-hover.gif ) no-repeat top left;
}

.corelayout-options .configlist #tag-text {
    
}

.emptyconfiglist {
    display:none;
    width:170px;
}

/**********************************************************
Album View
**********************************************************/

.corelayout-body .albumentries-pagination {
    text-align:right;
    padding:10px 30px 15px 8px;
}

.corelayout-body .albumentries-pagination A {
    color:#1e6eb9;
}

.corelayout-body .albumentries-pagination .page-previous,
.corelayout-body .albumentries-pagination .page-next,
.corelayout-body .albumentries-pagination .page-info {

    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
    font-size:11px;
    clear:none;
    float:right;
    padding:0 3px 0 3px;
    display:none;
}

.corelayout-body .albumentries-pagination .page-info {
    display:block;    
}

.corelayout-body .albumentries-thumbnails{
    
    width:100%;
    margin-top:10px;
    display:block;
    min-height:80px;
}

#albumentries .mediathumb {
    cursor:move;
}

#tagentries .mediathumb {
    cursor:pointer;
}

#viewtagentries #tag-options {
    width:290px;
    padding:0;
}

#viewtagentries #tagcloud-container {
    padding:0;
}

#viewtagentries #tag-header {
    width:265px;
}

/*
* Album list on right
*/

#viewalbumentries .breadcrumbs a {
   display:none;
}

#viewalbumentries .configlist {
    padding: 9px 0 20px 10px;
}

#album-list P, #album-invites P {

    width:170px;
}

#album-list {
    height: 215px;
    overflow-x: hidden;
    overflow-y: auto;
}

#story-list {
    height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
}

#cat-term-facebook, #cat-term-myspace, #cat-term-bebo {
    width:220px;
    padding:2px;
    margin:0;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    margin-left:-1em;
}

#album-list .album-list-item,
#story-list .album-list-item {
    width:190px;    
    padding:5px 5px 7px 5px;
    margin-bottom:3px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#album-list .album-list-item,
#story-list .album-list-item,
#socnets-list .album-list-item {
    height:40px;
    float:left;
    clear:none;
}
#album-list .album-list-item:hover,
#story-list .album-list-item:hover,
#socnets-list .album-list-item:hover {
    background:#efefef;
}


#album-list .album-list-item .albumthumb,
#story-list .album-list-item .albumthumb {
    height:40px;
    width:40px;
    border:1px SOLID #cfcfcf;
    float:left;
    margin-right:8px;

    background: transparent url( "../images/emptyalbum-small.gif" ) no-repeat center center;

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#album-list .album-list-item .album-majordetails,
#album-list .album-list-item .album-minor-details
#story-list .album-list-item .album-majordetails,
{
    color:#196fb7;
    font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
    font-size:11px;
    float:left;
    display:block;
    overflow:hidden;
}

#album-list .album-list-item .album-minor-details {

    color:gray;
    font-weight:normal;
}

#socnets-list .socnets-list-item {
    
}
#socnets-list .album-list-item .albumdetails {
    height: 35px;
    margin-top: 4px;
    text-indent: -9999em;
}
#socnets-list #cat-term-facebook  .albumdetails {
    background: transparent url( "../images/socnets/SN_btn_facebook.png" ) no-repeat 5% center;
}
#socnets-list #cat-term-myspace  .albumdetails {
    background: transparent url( "../images/socnets/SN_btn_myspace.png" ) no-repeat 5% center;
}
#socnets-list #cat-term-bebo  .albumdetails {
    background: transparent url( "../images/socnets/SN_btn_bebo.png" ) no-repeat 5% center;
}
#socializeDialog .formlayout {
    width: 99%;
    margin-bottom: .8em;
}

/**********************************************************
All My Albums View
**********************************************************/
                                              a


#viewalbums {
    min-height:200px;
    width:914px;
}

#viewalbums .corelayout-body, #viewstories .corelayout-body {

    width:914px;
}

.corelayout-body #albums-thumbnails {

    width:100%;
    clear:both;
    display:block;
}

/******************************************************
SIMPLE AND BULK UPLOADER
*******************************************************/

#simpleuploader #simpleloaderform {
    padding-left:70px;
    padding-top:30px;
}

#simpleuploader #simpleloaderform .textInput {
    width:200px;
}

.uploadersubinfo {
    width:250px;
}

.uploadersubinfo P {
    display:block;
    clear:both;
    padding:5px 40px 10px 10px;
    margin-top:5px;
}

.uploadersubinfo P A {
    font-weight:bold;
}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/* YUI container CSS required by popups */
.yui-overlay, .yui-panel-container {
    visibility: hidden;
    position: absolute;
    z-index: 2;
}

.yui-panel-container form {
    margin: 0;
}

.mask {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mask.block-scrollbars {
    overflow: auto;
}

.masked select, .drag select, .hide-select select {
    _visibility: hidden;
}

.yui-panel-container select {
    _visibility: inherit;
}

.hide-scrollbars, .hide-scrollbars * {
    overflow: hidden;
}

.hide-scrollbars select {
    display: none;
}

.show-scrollbars {
    overflow: auto;
}

.yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars {
    overflow: visible;
}

.yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow {
    overflow: auto;
}

.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay {
    display: none;
}

.yui-tt-shadow {
    position: absolute;
}

.yui-override-padding {
    padding: 0 !important;
}

.yui-panel-container .container-close {
    overflow: hidden;
    text-indent: -10000em;
    text-decoration: none;
}

.yui-skin-sam .mask {
    background-color: #000;
    opacity: .25;
* filter : alpha ( opacity = 25 );
}

.yui-skin-sam .yui-panel-container {
    padding: 0 1px;
* padding : 2 px;
}

.yui-skin-sam .yui-panel {
    position: relative;
    left: 0;
    top: 0;
    border-style: solid;
    border-width: 1px 0;
    border-color: #808080;
    z-index: 1;
* border-width : 1 px;
* zoom : 1;
    _zoom: normal;
}

.yui-skin-sam .yui-panel .hd, .yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {
    border-style: solid;
    border-width: 0 1px;
    border-color: #8a8a8a;
    margin: 0 -1px;
* margin : 0;
* border : 0;
}

.yui-skin-sam .yui-panel .hd {
    border-bottom: solid 1px #ccc;
}

.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {
    background-color: #fafafa;
}

.yui-skin-sam .yui-panel .hd {
    padding: 0 10px;
    font-size: 93%;
    line-height: 2;
* line-height : 1.9;
    font-weight: bold;
    color: #000;
    background: repeat-x 0 -200px;
}

.yui-skin-sam .yui-panel .ft {
    border-top: solid 1px #808080;
    padding: 5px 10px;
    font-size: 77%;
}

.yui-skin-sam .yui-panel-container.focused .yui-panel .hd {
}


.yui-skin-sam .yui-panel-container .underlay {
    right: -1px;
    left: -1px;
}

.yui-skin-sam .yui-panel-container.matte {
    padding: 9px 10px;
    background-color: #fff;
}

.yui-skin-sam .yui-panel-container.shadow {
    _padding: 2px 4px 0 2px;
}

.yui-skin-sam .yui-panel-container.shadow .underlay {
    position: absolute;
    top: 2px;
    left: -3px;
    right: -3px;
    bottom: -3px;
* top : 4 px;
* left : - 1 px;
* right : - 1 px;
* bottom : - 1 px;
    _top: 0;
    _left: 0;
    _right: 0;
    _bottom: 0;
    _margin-top: 3px;
    _margin-left: -1px;
    background-color: #fff;
    opacity: .55;
* filter : alpha ( opacity = 55 );


	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.yui-skin-sam .yui-dialog .ft {
    border-top: none;
    padding: 0 10px 10px 10px;
    font-size: 100%;
}

.yui-skin-sam .yui-dialog .ft .button-group {
    display: block;
    text-align: right;
}

.yui-skin-sam .yui-dialog .ft button.default {
    font-weight: bold;
}

.yui-skin-sam .yui-dialog .ft span.default {
    border-color: #304369;
    background-position: 0 -1400px;
}

.yui-skin-sam .yui-dialog .ft span.default .first-child {
    border-color: #304369;
}

.yui-skin-sam .yui-dialog .ft span.default button {
    color: #fff;
}

.yui-skin-sam .yui-dialog .ft span.yui-button-disabled {
    background-position: 0pt -1500px;
    border-color: #ccc;
}

.yui-skin-sam .yui-dialog .ft span.yui-button-disabled .first-child {
    border-color: #ccc;
}

.yui-skin-sam .yui-dialog .ft span.yui-button-disabled button {
    color: #a6a6a6;
}

.yui-skin-sam .yui-tt .bd {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    color: #000;
    padding: 2px 5px;
    border-color: #D4C237 #A6982B #A6982B #A6982B;
    border-width: 1px;
    border-style: solid;
    background-color: #FFEE69;
}

.yui-skin-sam .yui-tt.show-scrollbars .bd {
    overflow: auto;
}

.yui-skin-sam .yui-tt-shadow {
    top: 2px;
    right: -3px;
    left: -3px;
    bottom: -3px;
    background-color: #000;
}

.yui-skin-sam .yui-tt-shadow-visible {
    opacity: .12;
* filter : alpha ( opacity = 12 );
}

/* Digital Vault changes to YUI container CSS */

.yui-skin-sam .mask {
/* background opacity for overlay */
    background-color: #000;
    opacity: .55;
* filter : alpha ( opacity = 55 ); /* Set opacity in IE */
}

.yui-skin-sam .yui-panel .hd {
    background-color: #676767;
}

.yui-skin-sam .yui-panel-container.shadow .underlay {
    top: -8px;
    left: -7px;
    right: -7px;
    bottom: -7px; /* IE 7 Quirks Mode and IE 6 Standards Mode and Quirks mode */
    _top: 0;
    _left: 0;
    _right: 0;
    _bottom: 0;
    _margin-top: 3px;
    _margin-left: -5px;
}

.yui-skin-sam .yui-panel .bd {
    border: none;
    background: white;
    text-align: left;
    padding:0px;
}

.yui-skin-sam .yui-panel {
    border: none;
}

.yui-skin-sam .yui-panel .hd {
    text-align: left;
    color: white;
    height: 28px;
    font-size: 14px;
}

.yui-skin-sam .container-close {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 18px;
    height: 18px;
    background: url( ../images/icon-dialog-close.gif ) no-repeat top left;
    cursor: pointer;
}






































































































.photoViewer-viewer{
	padding-top:10px;
	margin:0;
	background:transparent;
	overflow:hidden;
	text-align:left;
	font-size:small;
	font-family:sans-serif;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.photoViewer-viewer {
	text-decoration:none;
}
.photoViewer-imageCont{
	padding:0;
	margin:0;
	background:transparent;
}
.photoViewer-showcaseImage{
	padding:0;
	margin:0;
	border:solid 1px #ffffff;
}

.photoViewer-mask{
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	background:#000000;
	opacity:0.9;
	filter:alpha(opacity=90);
}

.photoViewer-header a{
	color:#ffffff;
	text-decoration:none;
	outline:none;
}
.photoViewer-header a:hover{
	color:#cccccc;
}
.photoViewer-title{
	padding:0;
	margin:0;
	height:32px;
	width:100%;
    color:#fff;
    font:bold 16px Tahoma,Arial,Helvetica,Geneva,sans-serif;
}
.photoViewer-desc{

	padding:0;
	margin:0;
	background:#ffffff;
	color:#eeeeee;
	/*
	max-height:200px;
	overflow:auto;
	*/
}
.photoViewer-desc P {
    display:none;
}
.photoViewer-desc img{
	display:none;
}
.photoViewer-desc p{
	padding:8px;
	margin:0;
}
.photoViewer-desc a{
	color:#eeeeee;
	outline:none;
}
.photoViewer-desc a:hover{
	color:#ffffff;
}
.photoViewer-next{
    padding:5px 10px 5px 10px;
    margin:0;
    position:absolute;
	right:20px;
	bottom:45px;
	font:bold 12px Helvetica, Arial, 'Lucida Grande', sans-serif;
    color:#ffffff;

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

    background:black;
    -moz-opacity: .60;
    filter: alpha( opacity = 60 );
    opacity: .60;
}
.photoViewer-prev{
	padding:5px 10px 5px 10px;
	margin:0;
	position:absolute;
	left:20px;
	bottom:45px;
    font:bold 12px Helvetica, Arial, 'Lucida Grande', sans-serif;
    color:#ffffff;

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

    background:black;
    -moz-opacity: .60;
    filter: alpha( opacity = 60 );
    opacity: .60;
}
.photoViewer-footer{
	padding:8px 0 0 0;
	margin:0;
	height:22px;
}
.photoViewer-footer a{
	color:#ffffff;
	text-decoration:none;
	outline:none;
}
.photoViewer-footer a:hover{
	color:#cccccc;
}
.photoViewer-close{
	padding:0;
	margin:0;
	position:absolute;
	right:20px;
	top:20px;
}
.photoViewer-loading{
	padding:0;
	margin:0;
	background:transparent url(../images/loading.gif) center no-repeat;
}
/* slide show controls */
.photoViewer-controls{
	display:block;
	background:transparent;
	padding:10px;
	font-size:small;
	font-family:sans-serif;
    position:absolute;

    width:630px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.photoViewer-controls a{
	color:#ffffff;
	outline:none;
}
.photoViewer-controls a:hover{
	color:#cccccc;
}
.photoViewer-controls-absolute{
	margin:auto;
	position:absolute;
	left:50%;
}
.photoViewer-play{
	margin:0 5px 0 12px;
	outline:none;
    color:#1e6eb9;
}
.photoViewer-pause{
	margin:0 5px 0 12px;
	outline:none;
}
.photoViewer-stop{
	margin:0 5px 0 5px;
	outline:none;
}
.photoViewer-display{
	display:block;
	float:left;
	margin:0 5px 0 12px;
	width:70px;
	color:#ffffff;
	font-size:90%;
}
.photoViewer-thumbContOuter{
	float:left;
	width:504px;
	height:36px;
	overflow:hidden;
}
.photoViewer-thumbCont{
	width:80000px;
}
.photoViewer-thumbCont a{
	outline:none;
}
.photoViewer-controls a.controlsThumb{
	border:solid 1px #ffffff;
	margin:2px;
	width:30px;
	height:30px;
	display:block;
	float:left;
	overflow:hidden;

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

}
.photoViewer-controls a.controlsThumb:hover{
	border:solid 2px #eeeeee;
	margin:1px;
}
.photoViewer-controls a.active, .photoViewer-controls a.active:hover{
	border:solid 3px #333333;
	margin:0;
	opacity:1;
	filter:alpha(opacity=100);
}
.photoViewer-controls a.controlsThumb img{
	border:0;
	margin:-5px 0 0 -5px;
	width:60px;
}
.photoViewer-controls a.photoViewer-panLeft{
	background:transparent url(../images/slide-left.gif) center no-repeat;
	color:#ffffff;
	display:block;
	margin-top:10px;
	width:8px;
	height:18px;
	float:left;
	outline:none;
	text-decoration:none;
	border-right:solid 1px #eeeeee;
}
.photoViewer-controls a.photoViewer-panLeft:hover{
	color:#cccccc;
}
.photoViewer-controls a.photoViewer-panRight{
	background:transparent url(../images/slide-right.gif) center no-repeat;
	color:#ffffff;
	display:block;
	margin-top:10px;
	width:8px;
	height:18px;
	float:left;
	outline:none;
	text-decoration:none;
	border-left:solid 1px #eeeeee;
}
.photoViewer-controls a.photoViewer-panRight:hover{
	color:#cccccc;
}

.photoViewer-footer A, .photoViewer-controls-absolute A {
    font-weight:bold;
    color:#ffffff;
}

DIV#page-menu-marketing {
    height:30px;
	margin-bottom:10px;
}
DIV#page-menu-marketing DIV {
    height:20px;
    border-top:2px SOLID #f3f3f3;
    border-bottom:2px SOLID #f3f3f3;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:1.3em;

}

DIV#page-menu-marketing A {
    font-family:Arial,Helvetica,Geneva,sans-serif;
    color:#454545;
    font-size:12px;
    text-decoration: none;
    height:14px;
    display:block;
    clear:none;
    float:left;
    padding:3px 10px;
    text-align:center;
    min-width:53px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;

}

DIV#page-menu-marketing A:hover {
    color:#ffffff;
    background-color: #ffb12f;

}

#page-menu-marketing img
{
    float:left;
    margin-left:0.1em;
    margin-right:0.1em;
    padding-top:0.25em;
}

.selected-product {
    font-weight:bold;

}

#leftContent{width:350px;float:left;}
#rightContent{float:right;}
#leftContent h4{margin:10px 0 6px 0px;font-weight:bold;}
#leftContent p {margin:5px 0;}
#listPages li{
    margin-left:25px;
    padding:5px;
}

#albumname_placeholder_edit
{
    float:left;
}

#album_links
{
    float:right;
}

#album_links a
{
    display:inline;
}

#album_links span
{
    margin:0 0.3em;
    color:#aaa;
}

#albumentries-thumbnails .blogdescription
{
    margin-top:1em;
    padding-bottom:4em;
}

#albumentries-thumbnails .blogentrycontainer p
{
    color:black;
    margin-bottom:0.3em;
}

#albumentries-thumbnails .blogdescription h2
{
    float:left;
    color:black;
}

#albumentries-thumbnails .blogdescription h2:hover,
#albumentries-thumbnails .blogdescription .description:hover
{
    cursor:pointer;
}

#albumentries-thumbnails .blogdescription textarea
{
    color:#5F676D;
    height:50px;
    margin-top:10px;
    width:620px;
}

#albumentries-thumbnails .description-buttons
{
    text-align:right;
}

#albumentries-thumbnails .blogdescription p
{
    float:left;
}

#albumentries-thumbnails .blogdescription p.comments
{
    float:right;
}

#options-column
{
    float:right;
    width:220px;
}

#mediaentry-container .description
{
    margin:2em;
}

/*****************************************************************
 * Widget styles
 ****************************************************************/

/* address book dialog */
#address-book {
    float:						right;
    width:						20em;
    margin-bottom:				1em;
}

#address-book a {
    font-size:					x-small;
}

#addressbook table {
    float:						left;
}

#expand {
    float:						left;
    margin:						.3em 0 0 1em;
    cursor:						pointer;
    color:                      white;
    background-image:           url(../images/toggle.png);
    width:20px;
    height:20px;
}

#expand:hover {
    background-image:           url(../images/toggle_hover.png);
}

#expand.expanded {
    background-image:           url(../images/list.png);
}

#expand.expanded:hover {
    background-image:           url(../images/list_hover.png);    
}

#addressbook p {
clear:both;
  
    margin-top:1.6em;
}

#addressbook #addressbookContacts {
    float:						right;
    width:						30em;
    margin-left:				1em;
    position:					relative;
}

#addressbook #addressbookContacts #letters {
    float:						left;
    color:						#676767;
    text-align:					center;
    font-size:					x-small;
    font-weight:                bold;
    background-color:#f6f6f6;
    background-image:url(../images/list_middle.png);
    padding-top:0.4em;
    padding-bottom:0.4em;
}

#addressbook #addressbookContacts #letters li {
    margin-left:.2em;
    padding:.4em 0 0 .2em;
    text-align:center;
    width:2em;
    cursor:pointer;
}

#addressbook #addressbookContacts #letters li.selected {
    padding:0;
    margin:0;
    color:#D78F1E;
    font-weight:bold;
    padding:0.3em;
    background-image:url(../images/list_arrow.png);
    background-position:right center;
    background-repeat:no-repeat;
}

#addressbook #addressbookContacts #contacts {
    background-color:#f6f6f6;
    float:left;
    position:absolute;
    margin-left:2.75em;
    height:100%;
    width:93%;
    overflow-x:hidden;
    overflow-y:auto;
}

#addressbook #addressbookContacts #contacts li {
    padding:                0.2em;
    padding-left:            1em;
    clear:                  both;
    float:                  left;
    cursor:pointer;
    background: url('../images/btn-arrow_grey.gif') no-repeat left;
    margin-bottom:5px;
    border-bottom:1px solid #aaa;
    display:block;
    width:100%;
}

#addressbook #addressbookContacts #contacts li.selected div {
    padding-left:0.6em;
    float:left;
    width:280px;
    border:1px solid #aaa;
    background-repeat:no-repeat;
    background-color:#fff;
    margin-bottom:5px;
}

#addressbook #addressbookContacts #contacts p {
    float:left;

    margin:0;
}

#addressbook #addressbookContacts #contacts p.title {
    font-weight:bold;
    padding:0.3em;
}

#addressbook #addressbookContacts #contacts p.type {
    clear:both;
    font-size:x-small;
    font-weight:normal;
    width:7em;
    margin-left:2em;
    margin-bottom:0.6em;
    font-weight:bold;
}

#addressbook #addressbookContacts #contacts li.email,
#addressbook #addressbookContacts #contacts li.mobile,
#addressbook #addressbookContacts #contacts li.tel {
    background-repeat:no-repeat;
    background-position:left center;
    padding-top:0.6em;
}

#addressbook #addressbookContacts #contacts li.email {
    background-image:url(../images/envelope_icon.png);
    border-bottom: none;
}

#addressbook #addressbookContacts #contacts li.mobile {
    background-image:url(../images/mobile_icon.png);
    border-bottom: none;
}

#addressbook #addressbookContacts #contacts li.tel {
    background-image:url(../images/phone_icon.png);
    border-bottom: none;
}

#addressbook #addressbookContacts #contacts li.tel p.details:hover,
#addressbook #addressbookContacts #contacts li.email p.details:hover {
    color:#D78F1E;
    cursor:pointer;
}

#addressbook #addressbookContacts #contacts li.tel p.details,
#addressbook #addressbookContacts #contacts li.email p.details {
    width:13em;
    padding-left:18px;
}

#addressbook #addressbookContacts #contacts li.selected {
    /*padding:1em;*/
    display:block;
    width:100%;    
}

#addressbookDialog {
	width:45em;
}
#spacer {
    clear: both;
    height:1%;
}

/**
 * TabView
 */

.tabview {

}

.tabview .tabs {

}

.tabview .tabs li { /* tabs */
    background-color: #A7A7A7;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    margin-right: 3px;
    padding: 3px;
    border: 2px solid #FFFFFF;
    border-bottom: 0;
    cursor: pointer;
}

.tabview .tabs li.active {
    background-color: #676767;
    border-color: #676767;
}

.tabview .contents {
    clear: left;
    border: 1px solid #676767;
    border-top: 5px solid #676767;
    padding: 3px;
    background-color: #F6F6F6;
}

.tabview .contents div { /* contents */
    display: none;
}

.tabview .contents div.active {
    display: block;    
}

/** End TabView **/

/** Profile **/

table.edit-profile {
    width: 100%;
    margin-top: 15px;
}

table.edit-profile .control input,
table.edit-profile .control select,
table.edit-profile .control textarea {
    padding:2px;
    font: normal 13px 'Lucida Grande', Helvetica, Arial, sans-serif;
    background:#fff url('../images/input_bg.gif') repeat-x top;
    outline:0;
    margin:0 0 7px 0;
    border:solid 1px #bbb;
    color:#676767;
    width: 300px;
}

table.edit-profile .control input.checkbox {
    width: 12px;
    *width: 15px;
    height: 12px;
    *height: 15px;
    margin: 0;
    background: transparent;
    border: 0;
}

table.edit-profile textarea {
    height: 50px;
}

table.edit-profile tr {
    vertical-align: top;
}

table.edit-profile td.label {
    font-weight: bold;
    color: #676767;
    text-align: right;
    padding: 3px 15px 0;
    height: 30px;
    width: 30%;
}

table.edit-profile td.control {
}

table.edit-profile td.control .w50 {
    width: 50px;
}

table.edit-profile td.control .w60 {
    width: 60px;
}

table.edit-profile td.control .w75 {
    width: 75px;
}

table.edit-profile td.control .w100 {
    width: 100px;
}

table.edit-profile td.control .w150 {
    width: 150px;
}

table.edit-profile td.control .w175 {
    width: 175px;
}

table.edit-profile td.action {
    padding: 10px 0;
}

table.edit-profile #personal_photos select,
table.edit-profile #contact_im select {
    margin-left: 5px;
}

span.reqasterisk {
    color: #FA4751;
    font-style: normal;
    font-weight: normal;
}

table.edit-profile span#basic_photo {
    width: 96px;
    height: 96px;
    border: 1px solid #BBBBBB;
    display: block;
}

table.edit-profile span#basic_del_photo {
    display: block;
    margin: 5px 0;
}

table.edit-profile span#dob_radio_options {
    margin: 5px 0 0 15px;
    display: block;
}

#tabLoading {
    background-color: #000;
    display: block;
    position: absolute;
	opacity: 0.55;
	filter: alpha(opacity=55);
    z-index: 2;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
}

table.edit-profile div.invalid {
    width: 15px;
    height: 20px;
    background: transparent url(../images/icon-private.png) left no-repeat;
    float: left;
    margin-left: 5px;
}

table.edit-profile .control .floatLeft {
    float: left;
    display: block;
}

table.edit-profile td.control input.invalid,
table.edit-profile td.control select.invalid {
    /*background-color: #FECBCD;*/
}

table.edit-profile td.control input.readonly {
    background-color: #F3F3F3;
}

#displayMessage {
    /*display: block;*/
    background-color: #FFEE69;
    border: 1px solid #D4C237;
    color: #676767;
    float: right;
    font-weight: bold;
    height: 50px;
    width: 250px;
    /*position: absolute;*/
    float: right;
}

#displayMessage #message {
    text-align: center;
    margin: 10px;

}

table.edit-profile td.control div.socnet {
    display: block;
    border: 1px solid #D6D6D6;
    margin-bottom: 5px;
    background-color: #FFF;
    padding: 5px;
    width: 150px;
}

table.edit-profile td.control #socnet_services div,
table.edit-profile td.control #socnet_alerts div {
    display: block;
}

table.edit-profile td.control #socnet_services div.logo {
    float: right;
    margin-top: 10px;
}

table.edit-profile td.control #socnet_alerts #alert_radios,
table.edit-profile td.control #socnet_alerts #alert_timeRange {
    float: left;
}

table.edit-profile td.control #socnet_alerts #alert_timeRange {
    margin-left: 10px;
}

/** ToolTip **/

.yui-tt .bd {
    background-color:#FFEE69;
    border-color:#D4C237 #A6982B #A6982B;
    border-style:solid;
    border-width:1px;
    color:#676767;
    left:0;
    padding:2px 5px;
    position:relative;
    top:0;
    z-index:1;
}

.yui-tt-shadow {
    background-color:#000000;
    bottom:-3px;
    left:-3px;
    right:-3px;
    top:2px;
}

.yui-tt-shadow-visible {
    opacity: 0.12;
    filter: alpha( opacity = 12 );
}

/** End ToolTip **/

/** End profile **/

/** End TabView **/

#intro-reset {
    border:1px solid #eee;
    margin: auto;
    width:700px;
    padding:20px;
    margin-top:20px;
}
.editor{margin:3px auto 7px}
.editor td{border:none;margin:0;padding:5px 1px 1px}
.editor td.label{color:#666;font-weight:bold;padding-right:10px}
.editor td.label small{color:#999}
.editor .inputtext{
    margin-left:0;
    width:300px;
}

div#intro-reset h3 strong {font-weight:bold;}

#upload_target {
    margin: 0;
    height: 0;
    width: 0;
    border: 1px solid #fff;
}
.formResetError {
    text-align:left;
    font-size:12px;
    color:#b3111c;
    height:0;
    overflow:hidden;
}

/** Login **/
table.edit-profile td.control #socnet_services div.avatar {
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
}

table.edit-profile td.control #socnet_services div.avatar.login {
    border: 1px solid #D6D6D6;
    cursor: pointer;
}

table.edit-profile td.control #socnet_services div.socnet.auth {
    border: 1px solid #FFB12F;
    background-color: #FFF0D7;
}

#socnet_services div.yui-module.yui-overlay.yui-panel {
    /*background-color:#FFEE69;*/
    /*border:1px solid #D4C237;*/
    background: #FFFFFF url(../images/settings_communities_box_bg.gif) repeat-x scroll 0 0;
    /*background-color:#FFF;*/
    border: 4px solid #D6D6D6;
    color:#676767;
    padding: 10px;
    margin: -20px 0 0 10px;

}

#socnet_services .yui-panel-container .container-close {
    height:18px;
    position:absolute;
    right:5px;
    top:5px;
    width:18px;
    background: transparent url(../images/icon-dialog-close.gif) no-repeat scroll left top;
}

#socnet_services #activationForm input {
    width: 194px;
}

#socnet_services #activationForm input.buttonInput,
#socnet_services #activationForm input.buttonSecondaryInput {
    width: 70px;
    text-shadow: none;
}

table.edit-profile #socnet_services #activationForm div.invalid {
    margin: 0;
    padding-left: 20px;
    background-position: left top;
    display: none;
    width: 100%;
    color: #FA4751;

}

table.edit-profile #socnet_services #activationForm div.dialog-buttons {
    /*margin-top: 10px;*/
}

table.edit-profile td.control #socnet_services div.signout {
    display: none;
    width: 15px;
    height: 15px;
    background: transparent url(../images/icon-private.png) no-repeat;
    position: absolute;
    margin-left: -15px;
    cursor: pointer;
}
/** End Login **/



#viewmedia .htmlContainerOverlay {
    filter:alpha(opacity=20)!important;
    opacity: 0.2!important;
    z-index:99;
    position:absolute;
    background: white url( "../images/ajaxloader-bar.gif" ) no-repeat center center!important;
}

.focusMarker {
    border: none;
    height: 1px;
    width: 1px;
}


.noBackground {
    background-image: none!important;
}






/* colored tooltip */



.tooltip
{
	position: absolute;
	z-index: 999999;
    zoom: 1;
    display: none;
	background:#555358;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	text-decoration:none;
    color: white;
    width: 118px;
    font-size: 11px;
	top: 133px;
	left: 11px;
}


/*
 quota info on welcome page
*/

#profiledata #quota-data {
    clear:                      right;
    float:                      right;
    height:                     20px;
    width:                      190px;
    position:                   relative;
    padding:                    25px 0 0 10px;
}

#profiledata #quota-data DIV {
    display:                    none;
}

#profiledata #quota-data #quota-message {
    clear:                      none;
    padding:                    7px 5px 0 10px;
    font-size:                  11px;
    color: black;
}

#profiledata #quota-data #quota-usage-bar {
    width:                      175px;
    height:                     20px;
	padding:                    2px 5px 2px 5px;
    clear:                      none;
}

#profiledata #quota-data #quota-usage-bar #quota-total-available {
	height:                     22px;
	background:                 #f4f4f4;
    border:                     1px solid #999;
    border-radius:              6px;
    -moz-border-radius:         6px;
    -webkit-border-radius:      6px;
    position:relative;
    text-align:center;
    color: black;
}

#profiledata #quota-data #quota-usage-bar #quota-total-available span {

    margin-top: 4px;
    display:block;
    font-size: 11px;
}

#profiledata #quota-data #quota-usage-bar #quota-used {
    position:                   absolute;
    width:                       0;
	height:                     22px;
	margin:                     -1px 0 0 -1px;
	border:                     1px solid #999;
	border-style:               solid none solid solid;
	border-radius:              6px;
	-moz-border-radius:         6px;
	-webkit-border-radius:      6px;
    background: transparent url( "../images/bg-openedtab.png" ) repeat-x top left;
    float: left;
}