/*style reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    font-family: inherit;
}

.FIVESTREET_BLUE {
    color: #88c7f0;
}

.FIVESTREET_DARKBLUE {
    color: #286e9c;
}

.FIVESTREET_PINK {
    color: #c765cd;
}

.FIVESTREET_PURPLE {
    color: #943d8e;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol, ul {
    list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
}

/*style reset end*/
html {
    overflow-y: scroll;
    height: 100%;
}

body {
    background: #4c4e51;
    color: #fffefe;
    font-size: 100%;
    line-height: 1em;
    font-family: Verdana, arial, sans-serif;
    height: 100%;
}

#page {
    height: 100%;
    position: relative;
    height: auto !important;
}

#areaContent {
    width: 980px;
    margin: 0 auto;
    clear: both;
    padding: 40px 0 30px 0;
}

#areaLeft {
    float: left;
    width: 630px;
}

body#users_new #areaLeft {
    width: 540px;
}

#areaRight {
    float: left;
    width: 320px;
    margin-left: 30px;
}

body#register #areaRight {
    width: 350px;
}

/* fonts */
h1 {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0 0 0.5em;
    text-transform: uppercase;
}

h2 {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1.125em;
    line-height: 1.125em;
    text-transform: uppercase;
}

.music h2 {
    color: #77b5df;
}

h3 {
    font-size: 0.8125em;
    line-height: 1.5em;
}

h4, h5, h6 {
}

p, ul, ol, td, th {
    font-size: 0.688em;
}

#areaContent strong {
    font-weight: bold;
}

body#help #areaLeft p {
    font-size: 0.75em;
    color: #d2d3d3;
}

body#help #areaLeft p.imageBlock {
    font-size: 0.688em;
}

div.teaser p, p.teaser {
    font-size: 0.813em;
    margin: 0 0 1.375em;
    color: inherit;
    line-height: inherit;
}

.music .browser .storeLink a {
    font-size: 1.182em;
}

h2 {
    margin: 0 0 0.5em 0;
}

p {
    margin: 0 0 1.375em 0;
}

ul.linkList {
    font-size: 0.75em;
}

p.twitter {
    margin-bottom: 6px;
}

p.newsDate {
    color: #d2d3d3;
    margin-bottom: 0;
}

form ol {
    font-size: 100%;
}

form label {
    font-size: 0.75em;
}

.poll button {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1.182em;
}

#videoPlayerNavi ul {
    display: none;
}

#videoPlayerNavi li {
    position: relative;
}

#videoPlayerNavi li * {
    z-index: 6;
}

#videoPlayerNavi li img {
    border: 3px solid transparent;
}

#videoPlayerNavi li:hover img {
    border: 3px solid #77b5df !important;
}

div#videoOverlay {
    opacity: 0.8; /*    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
    filter: alpha(opacity = 80);
    z-index: 5;
    width: 512px;
    height: 288px;

    margin-top: -313px;

    clear: none;
    position: relative;
    background: #000000;

}

#videoPlayerNavi li {
    position: relative;
}

#videoPlayerNavi li * {
    z-index: 6;
}

#videoPlayerNavi li div.thumbOverlay {
    display: block;
    background: #000;
    position: absolute;
    z-index: 7;
    top: 3px;
    left: 3px;
    width: 100px;
    height: 70px;
    opacity: 0.5; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
    filter: alpha(opacity = 50);
}

#videoPlayerNavi li.playing div.thumbOverlay {
    display: none !important;
}

#videoPlayerNavi li span {
    opacity: 0.8; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
    filter: alpha(opacity = 80);
}

#videoPlayerNavi li.playing span {
    opacity: 1 !important; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;*/
    filter: alpha(opacity = 100) !important;
}

/*
#videoPlayerNavi li.paused   img { color: orange !important; border: 3px solid red; }
#videoPlayerNavi li.progress img { color: green !important; border: 3px solid red; }
*/

#subAreaNavigation {
    font-size: 0.75em;
}

#subAreaNavigation ul li a {
    font-size: 1.45em;
    text-decoration: underline;
}

/*forms*/
input[type=text], input[type=password] {
    border: none;
    padding: 3px 2px;
    height: 14px;
    color: #4c4e51;
    font-size: 0.75em;
    margin-top: 5px;
    width: 196px;
    float: left;
}

/*button {
    padding: 0;
    background: none;
    border: none;
}

button span {
    display: block;
    color: #fff;
    background: #3e82af url('../images/backgrounds/button.png') repeat-x;
    padding: 0 10px;
    height: 1.54em;
    line-height: 1.54em;
}

button:hover span {
    background: #a955a6 url('../images/backgrounds/button_hover.png') repeat-x;
}

button::-moz-focus-inner {
    border: none;
}*/

form.formtastic input[type=submit] {
    margin: 30px 0;
    background: url('../images/backgrounds/button.png') repeat-x;
    border: none;
    height: 1.54em;
    line-height: 1.54em;
    color: #fff;
    padding: 0 10px;
    display: block;
}

form.formtastic input[type=submit]:hover {
    background: url('../images/backgrounds/button_hover.png') repeat-x;
}

/*#new_user p {
    float: left;
    width: 100%;
}*/

#areaContent strong {
    font-weight: bold;
}

#areaContent form.formtastic.user #user_email_confirmation_input p.inline-hints {
    margin-top: 10px;
    color: #D2D3D3;
}

#areaContent form.formtastic li p.inline-hints {
    clear: both;
    width: 100%;
}

#areaContent form.formtastic textarea {
    height: 100px;
    width: 100%;
}

/*
#new_user button {
    float: left;
    margin: 30px 0;
    padding: 0;
    background: url('../images/backgrounds/button2.png') no-repeat;
    border: none;
    width: 135px;
}

#new_user button:hover {
    background: url('../images/backgrounds/button2_hover.png') no-repeat;
}

#new_user button span {
    background: none;
    display: block;
    color: #fff;
    padding: 0 5px 0 30px;
    height: 50px;
    line-height: 50px;
}*/

#areaContent form.formtastic input[type=submit], form.formtastic.sms_transaction input[type=submit], a.bigButton {
    margin: 30px 0;
    background: url('../images/backgrounds/button2.png') no-repeat;
    border: none;
    width: 135px;
    height: 50px;
    color: #fff;
    font-size: 0.9375em;
    padding: 0 0 2px 20px;
    display: block;
    text-decoration: none !important;
}

a.bigButton {
    padding-top: 16px;
    padding-left: 30px;
}

#areaContent form.formtastic input[type=submit]:hover, form.formtastic.sms_transaction input[type=submit]:hover, a.bigButton:hover {
    background: url('../images/backgrounds/button2_hover.png') no-repeat;
}

#areaContent form.formtastic.user li#user_coppa_input {
    display: none;
}

#areaContent form.formtastic.user li#user_coppa_input.required {
    display: block;
}

form p {
    margin-bottom: 0;
    float: left;
}

form.formtastic li p.inline-errors {
    background: url('../images/icons/check_true.png') no-repeat left top;
    height: 20px;
    display: block;
    float: left;
    margin: 5px 0 0 40px;
    line-height: 20px;
    padding-left: 30px;
}

form.formtastic.new li p.inline-errors {
    background: url('../images/icons/check_null.png') no-repeat left top;
}

form.formtastic li.success p.inline-errors {
    background: url('../images/icons/check_true.png') no-repeat left top;
}

form.formtastic li.error p.inline-errors {
    background: url('../images/icons/check_false.png') no-repeat left top;
}

form.formtastic li.select p.inline-errors, form.formtastic li.date p.inline-errors {
    display: none;
}

form.formtastic li.boolean input[type=checkbox] {
    margin-right: 10px;
}

form.formtastic li.boolean label {
    float: left;
    width: 200px;
    font-size: 0.688em;
}

/*form.formtastic li.boolean p.inline-errors {
    float: left;
    width: inherit;
    margin: 0;
}*/

form.formtastic li.text p.inline-errors {
    display: none;
}

#user_mtv_marketing_input p.inline-errors, #user_newsletters_input p.inline-errors {
    display: none;
}

form.formtastic input[disabled=disabled] {
    background-color: #aaaaaa;
}

.inputCheck {
    margin: 5px 0 0 20px;
    font-size: 0.917em;
    float: left;
    width: 300px;
}

.inputCheck img {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.poll label {
    float: left;
    width: 100%;
}

.poll .links {
    clear: both;
    padding-top: 15px;
}

/* links*/
a:link {
    color: #fff;
    text-decoration: underline;
}

a:visited {
    color: #fff;
    text-decoration: underline;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

a:active {
    color: #fff;
    text-decoration: underline;
}

#subAreaNavigation li a:link {
    text-decoration: none;
}

#subAreaNavigation li a:visited {
    text-decoration: none;
}

#subAreaNavigation li a:hover span {
    text-decoration: underline;
}

#subAreaNavigation li a:active {
    text-decoration: none;
}

ul.linkList a:link {
    color: #d2d3d3;
    text-decoration: none;
}

ul.linkList a:visited {
    text-decoration: none;
}

ul.linkList a:hover {
    text-decoration: underline;
}

ul.linkList a:active {
    text-decoration: none;
}

a.more {
    color: #fff;
    background: #000;
    text-decoration: none;
    padding: 4px 5px;
}

a.more.news {
    line-height: 2em;
    color: #fff;
    background: #c765cd url('../images/backgrounds/morenews.png') 10px 0.7em no-repeat;
    text-decoration: none;
    padding-left: 20px;
}

a.more:hover {
    background-color: #77b5df;
}

a.back {
    color: #fff;
    background: #c765cd;
    text-decoration: none;
    padding: 4px 5px;
}

a.back:hover {
    background-color: #77b5df;
}

.links .results a {
    color: #d2d3d3;
}

.links .comments a {
    color: #d2d3d3;
    text-decoration: none;
}

.links .comments a:hover {
    color: #d2d3d3;
    text-decoration: underline;
}

.threeCol #twitter_update_list li a {
    color: #9a9a9a;
    display: block;
    text-decoration: none;
}

.threeCol #twitter_update_list li a:hover {
    text-decoration: underline;
}

.music .browser .storeLink a {
    text-decoration: none;
}

/*elements*/

#videoPlayer {
    float: left;
    height: 313px;
    width: 512px;
    margin: 0 0 22px 0;
    display: none;
    clear: both;
}

body.video #videoPlayer, body#front_index #videoPlayer {
    display: block;
}

.loggedIn #videoPlayer {
    margin-top: 5px;
}

#videoPlayerHolder {
    display: block;
    width: 512px;
    height: 312px
}

#videoPlayerNavi, #videoPlayerNavi .browse, #videoPlayerNavi ul, #videoPlayerNavi li {
    float: left;
}

#videoPlayerNavi ul, #videoPlayerNavi ul li {
    line-height: 30px;
    text-align: center;
}

#videoPlayerNavi ul {
    background: url('../images/backgrounds/videonavi.png') repeat-x;
}

.browse.left {
    float: left;
    width: 39px;
    height: 30px;
    background: url('../images/buttons/videoplayer_prev.png');
}

.browse.right {
    float: left;
    width: 39px;
    height: 30px;
    background: url('../images/buttons/videoplayer_next.png');
}

.browse.left:hover, .browse.right:hover {
    background-position: 0 -30px;
}

.block {
    margin: 0 0 10px 0;
}

#areaRight .block {
    margin-bottom: 30px;
}

.twoCol .col {
    width: 300px;
}

.twoCol .col.left {
    float: left;
}

.twoCol .col.right {
    float: right;
}

.twoCol .col img {
    display: block;
}

.twoCol.unEven .col.left {
    width: 140px;
}

.twoCol.unEven .col.right {
    width: 368px;
}

.threeCol .col {
    width: 200px;
    float: left;
    margin-right: 15px;
}

.threeCol .col.right {
    margin-right: 0;
}

.threeCol #twitter_update_list li {
    width: 200px;
    float: left;
    margin-right: 15px;
}

.threeCol #twitter_update_list li.last {
    margin-right: 0;
}

.fiveCol .col {
    width: 188px;
    float: left;
    margin-right: 10px;
}

.fiveCol .col.last {
    margin-right: 0;
}

.rightNow {
    border: 5px solid #111;
}

.rightNow img {
    display: block;
}

.rightNow .content {
    padding: 15px;
    background: #c765cd url('../images/backgrounds/rightnow.png') bottom repeat-x;
}

.rightNow .content p {
    margin: 0;
}

.music, .shop {
    border: 5px solid #111;
    position: relative;
    overflow: hidden;
    width: 310px;
}

.music ul, .shop ul {
    width: 20000em;
    position: absolute;
    font-size: 1em;
}

.music ul li, .shop ul li {
    float: left;
}

.music img, .shop img {
    display: block;
    margin: 0;
}

.music .content, .shop .content {
    padding: 15px;
    background: #46484a url('../images/backgrounds/music.png') bottom repeat-x;
    width: 285px;
}

.music .content {
    height: 20px;
}

.shop .content {
    height: 90px;
}

.music .content p, .shop .content .p {
    margin: 0;
}

.music .content p.link, .shop .content p.link {
    display: none;
}

.browser {
    background: #000;
}

.music .browser {
    margin-top: 225px;
}

.shop .browser {
    margin-top: 295px;
    
}

.browser .browse {
    float: left;
    width: 38px;
}

.browser .storeLink {
    float: left;
    width: 234px;
    margin: 0;
}

.browser .storeLink a {
    background: url('../images/backgrounds/storelink.png');
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
}

.browser .storeLink a:hover {
    background: url('../images/backgrounds/storelink_hover.png') repeat-x;
}

.message {
    background: #c765cd url('../images/backgrounds/message.png') bottom no-repeat;
    padding: 0 0 5px 0;
}

.message .content {
    background: #c765cd url('../images/backgrounds/message.png') no-repeat;
    margin-bottom: 15px;
    padding: 15px 15px 0;
}

#bannerInline {
    width: 468px;
    height: 400px;
}

#bannerInline iframe {
    width: 468px;
    height: 400px;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.productDescription {
    background: #343637 url('../images/backgrounds/buyproduct.png') repeat-x;
    padding: 15px 15px 5px;
}

.productDescription p {
    line-height: 1.2em;
}

.buy {
    margin-bottom: 45px;
    clear: both;
    margin-top: 30px;
}

.social {
    clear: both;
    margin-top: 45px;
}

.social .col.left {
    float: left;
    width: 482px;
}

.social .col.right {
    float: right;
    width: 468px;
}

.social .col.left .content {
    float: left;
    width: 231px;
    margin-left: 20px;
}

.social .col.left .content h3 {
    margin-top: 10px;
}

.social .col.left .content.left {
    margin-left: 0;
    clear: left;
}

.social .logos {
    text-align: right;
    margin-top: 10px;
}

.social .logos img {
    padding-left: 10px;
    vertical-align: top;
}

/*body#help #areaLeft h1,*/
body#help #areaLeft p {
    margin-bottom: 35px;
}

body#help #areaLeft p.imageBlock img {
    display: block;
    margin-bottom: 10px;
}

body#help #areaLeft p.imageBlock {
    border-bottom: 1px solid #343637;
    padding-bottom: 10px;
}

body#help #areaLeft p.imageBlock a {
    display: block;
    width: 630px;
    height: 334px;
    margin-bottom: 10px;
}

body#help #areaLeft img.helpButton {
    float: left;
    padding: 0 5px 0 0;
}

#subPageNavigation {
    border-bottom: 1px solid #646567;
    padding: 0 0 10px 0;
    margin: 0 0 40px 0;
}

#areaLeft #subPageNavigation p {
    width: 100%;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
}

ul#hard_specs {
    display: none;
}

#subPageNavigation .back {
    float: left;
}

#subPageNavigation .prevnext {
    float: right;
    padding-top: 3px;
}

#subAreaNavigation {
    border-left: 2px solid #77b5df;
    padding-left: 28px;
    margin-bottom: 35px;
}

#subAreaNavigation li {
    padding: 1px 15px;
    background: url('../images/backgrounds/subareanavi.png') 0 6px no-repeat;
}

#subAreaNavigation li.active {
    background: none;
}

#subAreaNavigation li a {
    display: block;
}

#subAreaNavigation li span {
    padding: 1px 1px;
}

#subAreaNavigation li.active span {
    background: #000;
}

a.return_to_top {
    display: block;
    font-size: 0.75em;
    margin-bottom: 2em;
}

#help_logos #areaContent #areaLeft div {
    height: 75px;
    clear: both;
}

#help_logos #areaContent #areaLeft div img {
    float: left;
    margin-right: 0.5em;
    height: 50px;
    width: 136px;
}

/*general*/
.clear {
    clear: both;
    height: 0px;
    font-size: 1px;
    overflow: hidden;
}

.hr {
    clear: both;
    padding: 0;
    margin: 30px 0;
}

.hr.type1 {
    height: 31px;
    background: url('../images/backgrounds/hr_1.png') left no-repeat;
}

.hr.type2 {
    height: 8px;
    background: url('../images/backgrounds/hr_2.png') left no-repeat;
}

.hr.type3 {
    height: 8px;
    background: url('../images/backgrounds/hr_3.png') left no-repeat;
}

.hr hr {
    display: none;
}

ul.inline li {
    display: inline;
    border-left: 1px solid #d2d3d3;
    padding: 0 7px 0 10px;
    line-height: 1em;
}

ul.inline li.first {
    border-left: none;
    padding-left: 0;
}

ul li.comments {
    color: #d2d3d3;
}

ul.linkList {
    border-top: 1px solid #343637;
    border-bottom: 1px solid #343637;
    margin-top: 30px;
}

ul.linkList li {
    padding: 7px 0 7px 27px;
    border-bottom: 1px solid #5a5c5e;
    background: url('../images/backgrounds/linklist.png') 9px 0.8em no-repeat;
}

ul.linkList li.last {
    border-bottom: none;
}

p.download {
    margin-top: 30px;
}

p.download a {
    background: url('../images/buttons/lataa_active.png') no-repeat scroll top left;
    width: 141px;
    height: 50px;
    display: block;
    text-indent: -6000em;
}

p.download a:hover {
    background-position: 0 -50px;
}

p.download.semibig a, p.download.big a {
    height: 95px;
    text-indent: 0px;
    text-align: center;
    text-decoration: none;
    font-size: 16pt;
    padding-top: 15pt;
    margin-bottom: -25px;
    padding-left: 1em;
    line-height: 18pt;
}

p.download.semibig a:hover, p.download.big a:hover {
    background-position: top left;
}

p.download.semibig a {
    width: 300px;
    background-image: url('../images/buttons/dl_button_semibig_inact.png');
}

p.download.semibig a:hover {
    background-image: url('../images/buttons/dl_button_semibig_act.png');
}

p.download.big a {
    width: 320px;
    background-image: url('../images/buttons/dl_button_big_inact.png');
}

p.download.big a:hover {
    background-image: url('../images/buttons/dl_button_big_act.png');
}

/* scrollable video navigation holder*/
/*
div.scrollable {
    float: left;
    position: relative;
    overflow: hidden;
    width: 434px;
    height: 30px;
}

div.scrollable .items {
    width: 20000em;
    position: absolute;
}

div.scrollable .items li {
    float: left;
    width: 434px;
}*/

form.invitation {
    width: 49%;
    float: left;
}

p#invitation_preview {
    white-space: pre-wrap;
    width: 49%;
    margin-top: 1px;
    float: right;
}

span#invitation_custom_body_preview_header {
    display: none;
}

div.product {
    float: left;
    width: 157px;
    margin-top: 1em;
}

div.product img {
    margin: 5px 0;
}

div.product li.commit {
    margin: 0;
}

div.pending_orders {
    border: 1px black solid;
    padding: 1em;
    margin-bottom: 1em;
}

div.pending_orders table {
    width: 100%;
}

body#orders_overview form.formtastic.shop_web_order p.inline-errors {
    display: none;
}

body#orders_overview form.formtastic.shop_web_order {
    float: left;
}

body#orders_overview form.formtastic.shop_web_order input[type=image] {
    margin-top: 30px;
}

table.cart {
    width: 200px;
}

form.formtastic.shop_web_order p.description {
    height: 48px;
}

form.formtastic.sms_transaction label {
    display: none !important;
}

form.formtastic.sms_transaction li {
    margin: 0;
}

form.formtastic.sms_transaction input[type=text] {
/*width: 50px;*/
    font-size: 1em;
    height: 20px;
    text-transform: uppercase;
}

#sms_transaction_submit {
    margin: 1em 0;
}

/* Frontpage news */

/*bg color fix*/
body {
    background: #fff;
}

#pageInner {
    background: #4c4e51;
}

/*//bg color fix*/

.hr.type4 {
    height: 8px;
    background: url('../images/backgrounds/hr_4.png') left no-repeat;
}

h1, h2 {
    text-transform: none;
}

h1.newsHeading {
    margin-bottom: 5px;
}

#areaRight h2 {
    text-transform: uppercase;
}

#areaRight .linkList {
    margin-top: 0;
}

#areaRight .linkList li {
    padding: 4px 0 5px 27px;
    background-position: 9px 0.6em;
}

#areaRight h2.withBg {
    font-size: 1em;
    margin: 0;
    background: #953e8f url('../images/backgrounds/h2bg.png') repeat-x;
    padding: 7px 10px;
}

p.newsDate {
    margin: 0 0 5px 0;
}

.newsImage {
    display: block;
    margin: 0 0 5px 0;
}

div.news {
    padding-bottom: 28px;
    margin-bottom: 30px;
    background: url('../images/backgrounds/newsbg_2.png') bottom no-repeat;
}

div.news:first-child, div.news.first {
    background: url('../images/backgrounds/newsbg_1.png') bottom no-repeat;
}

/*div.news:last-child,*/
div.news.last {
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.news p.newsDate {
    margin: 0;
}

/********** User Profile ************/
#userProfileContainer {
    width: 986px;
    clear: both;
    margin-top: 28px;
}

#userProfileContainer #mainCard {
    float: left;
    width: 630px;
    margin-right: 34px;
}

#userProfileContainer #mainCard #editProfileLink {
    float: right;
    margin-top: -24px;
    margin-right: 10px;
    background: #c765cd;
    font-size: 12px;
    height: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 4px;
}

#userProfileContainer #mainCard #editProfileLink a {
    text-decoration: none;
}

#userProfileContainer #mainCard .profile {
    background: #77b4e0;
    padding: 12px;
    padding-right: 24px;
    padding-bottom: 24px;

}

#userProfileContainer.editProfile #mainCard .profile {
    background: #9a9a9a !important;
}

#userProfileContainer #mainCard .profile #leftContainer {
    float: left;
    width: 240px;
    position: relative;
}

#userProfileContainer #mainCard .profile #leftContainer label {
    float: left;
    font-size: 13px;
    margin-top: -7px;
}

#userProfileContainer #mainCard .profile #leftContainer label,
#userProfileContainer #mainCard .profile #leftContainer h3 {
    display: inline;
    text-transform: uppercase;
    padding-top: 10px;
}

#userProfileContainer #mainCard .profile #userAvatarPicture {
    border: 6px solid black;
    z-index: 5;
}

#userProfileContainer #mainCard .profile #uploadPictureContainer {
    z-index: 10;
    position: relative;
    top: -287px;
    margin-left: 165px;
}

#userProfileContainer #mainCard .profile #rightContainer {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 320px;
    margin-left: 32px;
}

#userProfileContainer #mainCard .profile #rightContainer input.update {
    margin: 15px -15px !important;
}

#userProfileContainer #mainCard .profile #rightContainer .userDescription td {
    padding-left: 30px;
}

#userProfileContainer #mainCard .profile #rightContainer .userDescription label {
    display: none;
}

#userProfileContainer #mainCard .profile #rightContainer .userDescription textarea {
    height: 300px;
}

#userProfileContainer #mainCard .profile #rightContainer #submitButtonHolder {
    float: right;
}

#userProfileContainer #mainCard .profile h2 {
    margin-top: 4px; /* in addition to the 12 from container */
    margin-bottom: 16px;
    text-transform: uppercase;
}

#userProfileContainer #mainCard .profile span {
    font-size: 12px;
}

#userProfileContainer #mainCard .stats {
    height: 80px;
    background: url('/images/profile/profile_bottom.png') no-repeat;
    padding: 20px;
    padding-left: 0px;
    margin: 0px;
}

#userProfileContainer #mainCard .stats table {
    width: 100%;
}

#userProfileContainer #mainCard .stats th,
#userProfileContainer #mainCard .stats td {
    height: 20px;
    padding: 0px;
    margin: 0px;
    width: 190px;
    padding-left: 20px;
    font-size: 18px;
}

#userProfileContainer #mainCard .stats td {
    color: #c765cd;
    font-size: 16px;
}

#userProfileContainer #friendsList {
    float: left;
    width: 320px;
    font-size: 18px;

}

#userProfileContainer #friendsList .pinkBox {
    width: 310px;
    height: 18px;
    background: #c765cd !important;
    border-bottom: 2px solid #943d8e;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 0px;
}

#userProfileContainer #friendsList h2 {
    text-transform: uppercase;
    font-size: 1em;
    margin: 0;
    background: #953e8f url('../images/backgrounds/h2bg.png') repeat-x;
    padding: 7px 10px;
}

#userProfileContainer #friendsList p {
    padding-left: 10px;
    padding-top: 16px;
    padding-bottom: 0px;
    margin: 0px;
}

#userProfileContainer #friendsList p strong {
    font-weight: normal;
    color: #c765cd;
}

#userProfileContainer #friendsList #friends a {
    color: #c765cd !important;
    text-decoration: none;
}

li.profiiliLinkki a {
    color: #88c7f0 !important;
}

li.profiiliLinkki a:hover {
    text-decoration: underline;
}


div.fbLike {
    background-color: white;
    padding-top: 7px;
    padding: 5px;

}

div.fbLike iframe {
    height: 24px !important;
}

div#chapterContent {
    margin-bottom: 60px;
}