/*
 *  © 2000-2010 deviantART, Inc. All rights reserved.
 */
div.modal {
    background: transparent !important;
}
div.modal a.x {
    top: -7px !important;
    right: -7px !important;
}
div#modalspace i.fade {
    background:url(/styles/minimal/minish/bg-fade.png);
    background:rgba(33, 33, 33, .80);
}

#searchForm {
    visibility: hidden !important;
}
#moremenu {
    display: none !important;
}

#portfolio-landing {
    position: relative;
    padding: 0px !important;
    font-family: verdana, helvetica, sans-serif;
    font-size: 10.5pt;
}
.walkthrough-video {
    display:none;
}
/*
.beta-sash {
    background: url(/portfolio/landing/betasash.gif) 0 0 no-repeat;
    position: absolute;
    height: 75px;
    width: 75px;
    top: 0px;
    left: 0px;
    z-index:190;
}
*/
#portfolio-landing .landing-header {
    overflow: hidden;
    width: 100%;
    background: url(/portfolio/landing/header-tile.jpg) 0 0 repeat-x;
    height:880px;
    background-color:white;
    text-align:center;
}

#portfolio-landing .landing-header .header-image {
    position: relative;
    width: 957px;
    height: 477px;
    top: 0px;
    margin: 0px auto;
}
.header-image-premium {
    background: url(/portfolio/landing/header-premium.jpg?1) 0 0 no-repeat;
}
.header-image-public {
    background: url(/portfolio/landing/header-public.jpg) 0 0 no-repeat;
}
.header-image-ad {
    background: url(/portfolio/landing/portfolio_premspecial_adheader.jpg) 0 0 no-repeat;
}


#portfolio-landing .landing-header .action-buttons {
    position:absolute; top:300px; right: 45px; z-index: 2;
}

#portfolio-landing .landing-header .header-content {
    position: absolute;
    top: 265px;
    left: 62px;
    width:400px;
}
#portfolio-landing .landing-header a {
    color: #fa0032;
    text-decoration: underline;
}
.action-buttons a {
    outline: none;
}

.multistep-bar {
    background-image: url(/portfolio/landing/multistep-bg.png);
    background-position: top center;
    background-repeat: repeat-x;
    width: 100%;
    height:85px;
    top: 410px;
    left:0px;
    position:absolute;
    z-index: 1;
    text-align:center;
}
.multistep-bar-content {
    background: url(/portfolio/landing/multistep-premium.png) top center no-repeat;
    height: 85px;
    width: 100%;
}

#portfolio-landing .imgtext {
    visibility: hidden;
}
#portfolio-landing .benefits-content {
    top: 522px;
    left:0px;
    width:100%;
    text-align:center;
    position:absolute;
}
.benefits-content h1 {
    width: 100%;
    height: 40px;
    background-position: top center;
    background-repeat: no-repeat;
}
.benefits-public h1 {
    background-image: url(/portfolio/landing/benefits-header-basic.png);
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://st.deviantart.com/portfolio/landing/benefits-header-basic.png',sizingMethod='image');
}
.benefits-premium h1 {
    background-image: url(/portfolio/landing/benefits-header-premium.png);
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://st.deviantart.com/portfolio/landing/benefits-header-premium.png',sizingMethod='image');
}
#portfolio-landing ul {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
}
#portfolio-landing .free-list li {
    background-image: url(/portfolio/landing/bullet-green.png);
    _background-image: none;
}
#portfolio-landing .premium-list li {
    background-image: url(/portfolio/landing/bullet-red.png);
    _background-image: none;
}
#portfolio-landing ul li {
    padding: 3px 0 3px 20px;
    margin: 0.9em 0;
    _background-image: none !important;/*ie hack*/
    background-repeat: no-repeat;
    background-position: 0 0;
}
#portfolio-landing .header-content ul li {
    margin: 0px 0 0 16px;
    list-style-type: disc;
    padding-left: 5px;
}

#portfolio-landing li b {
    display:none;
    float:left;
    width: 12px;
    height: 23px;
    margin-right: 4px;
}

.portfolio-ad .header-content li {
    background: transparent url(/portfolio/landing/bullet-red.png) 0px 1px no-repeat !important;
    margin: 0 0 2px 3px !important;
    padding-left: 20px !important;
    list-style-type: none !important;
}

/* Internet Exploder doesn't wanna use my transparent pngs for li bullets
so sadly I'm adding <b></b> to the li elements and attaching the bullet image to that:*/
#portfolio-landing .free-list li b {
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://st.deviantart.com/portfolio/landing/bullet-green.png',sizingMethod='image');
    _display:block;/*ie hack*/
}
#portfolio-landing .premium-list li b {
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://st.deviantart.com/portfolio/landing/bullet-red.png',sizingMethod='image');
    _display:block;/*ie hack*/
}

#portfolio-landing .content-center {
    margin: 0px auto;
    width:907px;
    _width:957px;
    padding-left:40px;
    text-align:left;
}
#portfolio-landing .header-content {
    text-align:left;
}
#portfolio-landing ul em {

    text-decoration: none;
    font-style: normal;
    font-weight:bold;
    /*font-size: 0.9em;*/
}
.premium-list em {
    color: #ff0066;
}
.free-list em {
    color: #009999;
}
.content-center .startpremium {
    margin-top: 32px;
    margin-left: 16px;
}