/* =1 Contentelemente       */
.ce_wrap {
}

.ce_clear {
    clear: both;
    float: none;
    width: 100%;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 1%;
}

.csc-textpic-imagewrap {
    display: inline;
    margin-bottom: 10px;
}
.csc-textpic p {
    margin-top: 0;
}
.csc-textpic-caption {
    font-style: italic;
}

.align-right {
    text-align: right;
}
.align-left{
    text-align: left;
}
.align-center {
    text-align: center;
}


/* =1.1 Browsebox */
.browsebox_wrap {
    float: left;
    width: 100%;
    border-top: 1px solid #C6C5C5;
}
.browsebox {
    float: left;
    width: 100%;
    list-style-type: none;
    padding-left: 0;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #C6C5C5;
    padding-bottom: 8px;
}
.browsebox li {
    float: left;
    padding-right: 10px;
    white-space: nowrap;
    padding-bottom: 3px;
}
.browsebox li a {
    white-space: nowrap;
    text-decoration: none;
}
.browsebox li a:hover, .browsebox li a:focus {
    text-decoration: underline;
}
.browsebox .active {
    font-weight: bold;
}
.browsebox .disabled {
    display: none;
}



/*------------------------------------*/
/* =2 Nav-, Level- und Pagetitle     */
.navtitle {
}

.leveltitle {
}

.pagetitle {
}

.ce_headline {
}



/*------------------------------*/
/* =3 Extensions         */
/* =3.1 tt_news           */
.news-list-item {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}
.news-list-date {
}
.news-list-item a {
    float: left;
}
.news-list-item img {
    float: left;
    margin-right: 10px;
}
.news-list-hl {
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    margin-bottom: 15px;
}
.news-list-hl h2 {
    margin: 0;
}
.news-list-content {
    float: left;
    width: 440px;
}
.news-list-content p {
    margin-top: 4px;
}
.news-list-morelink a {
    float: none;
    padding-right: 10px;
    background: url(../img/background/arrow_red.gif) no-repeat scroll right 7px;
    font-weight: bold;
}


.news-single-item {
    margin-top: 15px;
}
.news-single-date {
}
.news-single-item h2 {
    font-size: 1.5em;
}
.news-single-item p {
    margin-top: 0;
}
.news-single-img {
    float: left;
    padding: 0px 20px 20px 0;
}
.news-single-backlink {
    clear: both;
}
.news-single-additional-info {
    clear: both;
    margin-top: 20px;
    background: url(../img/background/ce_wrap_border.gif) repeat-x left bottom;
}
#main_content .news-single-additional-info h2 {
    margin-bottom: 7px;
}
.news-single-additional-info dl dd {
    margin-bottom: 3px;
}
.news-single-related, .news-single-files {
    padding: 10px 0 20px 0;
    background: url(../img/background/ce_wrap_border.gif) repeat-x left top;
}
.news-single-additional-info dl {
    margin: 0;
}
.news-single-additional-info h2 {
    margin: 0 0 5px 0;
    margin-bottom: 7px;
}
.news-single-related dd span {
    color: #BA131A;
    font-weight: bold;
}
.news-single-related dd a, .news-single-files dd a {
    color: #444444;
    font-weight: bold;
}
.news-single-related dd a:hover, .news-single-files dd a:hover {
    color: #444444;
}
.news-single-related dd a:hover, .news-single-files dd a:hover {
    text-decoration: underline;
}
.news-single-files dd {
    padding-bottom: 5px;
}
.news-single-files dd a {
    padding-left: 11px;
    position: relative;
    top: -3px;
}
.news-single-backlink {
    margin-top: 40px;
}
.news-single-backlink a {
}


/* =3.2 indexed search       */
.tx-indexedsearch-res {
    float: left;
    width: 100%;
}
.tx-indexedsearch-res ul li h3 {
    margin-bottom: 0;
    font-size: 1em;
}
.tx-indexedsearch-res ul li p {
    margin-top: 5px;
}
.tx-indexedsearch-res ul li {
    float: left;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #C6C5C5;
}
.tx-indexedsearch-redMarkup {
    color: #BB0013;
}
.tx-indexedsearch-browsebox {
    float: left;
    width: 100%;
}
.tx-indexedsearch-whatis {
    padding-top: 5px;
    font-style: italic;
}
.tx-indexedsearch-res ul {
    float: left;
    width: 100%;
    margin: 0;
}


/* =3.3 perma_searchbox     */
#perma_searchbox {
    float: left;
    margin-left: 30px;
}
#perma_searchbox input[type="search"] {
    width: 150px;
}

/*------------------------------*/
/* =4 tables, forms & lists   */
.standard_form ul {
    list-style: none outside none;
    padding: 0;
    margin: 0;
}
.standard_form ul li {
    float: left;
    width: 100%;
    margin: 7px 0;
}

.standard_form label {
    display: block;
    margin-bottom: 3px;
}

.standard_form #newsletter {
    margin: 0 7px 5px 0;
    float: left;
}

.checkbox label {
    float: left;
    display: block;
    width: 740px;
}

/* Error Box */
#form_error {
    margin-top:20px;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #000;
    background: #eee;
}
#form_error ul {
    list-style: disc outside none;
    color: #FA2712;
    margin-left: 15px;
}
#form_error li {
    margin: 0 0 4px;
    float: none;
    color: #FA2712;
}
#form_error li a {
    text-decoration: underline;
}
#form_error li a:hover, #form_error li a:focus, #form_error li a:active {
    text-decoration: none;
}


/* Tabellenstyling */
/* Variante 1 */
/*
 #content table { border: 1px solid #ddd; }
 #content table td, #content table th { padding: 5px 7px; }
 #content table th { font-weight: bold; background-color: #ddd; }
 #content table td, #content table th { border: 1px solid #ddd; }
*/

/* Variante 2 */
#content table {
    border: 0;
    margin-bottom: 20px;
}
#content table td, #content table th {
    padding: 5px 7px;
    border-right: 1px solid #ffffff;
}
#content table th {
    font-weight: bold;
    background-color: #ddd;
    color: #333333;
}
.tr-odd {
}
.tr-even {
    background: #f0f0f0;
}



/*------------------------------*/
/* =5 Sitemap           */
/* Variante 1 */
.csc-sitemap {
}
.csc-sitemap a:link, .csc-sitemap a:visited {
    text-decoration: none;
}
.csc-sitemap ul {
    margin: 0;
    padding: 0;
}
.csc-sitemap ul ul {
    margin-top: 5px;
}
.csc-sitemap li {
    padding: 8px 0px;
    list-style-type: none;
}
.csc-sitemap li a {
    padding-left: 17px;
    font-weight: bold;
}
.csc-sitemap li li {
    padding: 7px 0px 5px 0px;
}
.csc-sitemap li li a {
    font-weight: bold;
    font-size: 0.9em;
    padding-left: 40px;
    padding-bottom: 4px;
    padding-top: 1px;
}
.csc-sitemap li li li {
}
.csc-sitemap li li li a {
    padding: 7px 0 3px 65px;
    background-position: 43px 5px;
    font-weight: normal;
}
.csc-sitemap li li li li {
    padding: 0px 0px 5px 0px;
}
.csc-sitemap li li li li a {
    padding-left: 85px;
    padding-top: 0;
    background: none;
}
.csc-sitemap a:focus, .csc-sitemap a:active {
    background-color: #FFC016;
    font-weight: bold;
}
.csc-sitemap li a:focus, .csc-sitemap li a:active {
    background-color: #E9EDF1;
}
.csc-sitemap li li li a:focus, .csc-sitemap li li li a:hover, .csc-sitemap li li li a:active {
    font-weight: normal;
}
.csc-sitemap li li li a:hover, .csc-sitemap li li li a:focus, .csc-sitemap li li li a:active {
    background-position: 43px 5px;
}
.csc-sitemap li li li li a:hover, .csc-sitemap li li li li a:focus, .csc-sitemap li li li li a:active {
    background: none;
}


/* Sitemap Plugin */
/* global styles */
.csc-sitemap a:link, .csc-sitemap a:visited {
    text-decoration: none;
    color: #555;
}
.csc-sitemap a:hover, .csc-sitemap a:focus {
    text-decoration: underline;
    color: #555;
}

/* Vertical Skin 1 */
.csc-sitemap .vertical, .csc-sitemap .vertical ul, .csc-sitemap .vertical li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.csc-sitemap .vertical {
    background: url(../img/background/sitemap/line1.gif) repeat-y;
}
.csc-sitemap .vertical li {
    line-height: 20px;
    margin-top: 8px;
    position: relative;
    width: 100%;
}
.ie .csc-sitemap .vertical li {
    float: left;
    display: inline;
}
.csc-sitemap .vertical li a {
    font-weight: bold;
    font-size: 1.1em;
    padding-left: 30px;
}
.csc-sitemap .vertical li li a {
    font-weight: normal;
    font-size: 1em;
}
.csc-sitemap .vertical li span {
    float: left;
    position: absolute;
    top: 4px;
    left: 5px;
    width: 13px;
    height: 13px;
    cursor: auto;
    font-size: 0;
}
.csc-sitemap .vertical li span.expanded {
    background: url(../img/background/sitemap/skins/vertical/skin1/expanded.gif) no-repeat 0 0;
}
.csc-sitemap .vertical li span, .csc-sitemap .vertical li span.collapsed {
    background: url(../img/background/sitemap/skins/vertical/skin1/collapsed.gif) no-repeat 0 0;
}
.csc-sitemap .vertical li ul {
    margin-left: 28px;
    background: url(../img/background/sitemap/skins/vertical/skin1/line_level1.gif) repeat-y;
}
.csc-sitemap .vertical li li {
    background: url(../img/background/sitemap/skins/vertical/skin1/line_level2.gif) no-repeat 0 0;
    margin-top: 5px;
}
.csc-sitemap .vertical:after, .csc-sitemap .vertical ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.collapsed, .expanded {
    cursor: pointer;
}

/* Vertical Skin 2 */
/*
 .csc-sitemap .vertical, .csc-sitemap .vertical ul, .csc-sitemap .vertical li {
 margin:0;
 padding:0;
 list-style:none;
 }
 .csc-sitemap .vertical li{
 line-height:20px;
 margin-top:8px;
 position:relative;
 width:100%;
 background: #eee;
 }
 .ie .csc-sitemap .vertical li{
 float:left;
 display:inline;
 }
 .csc-sitemap .vertical li a {
 color: #2C3032;
 font-weight: bold;
 font-size: 1.1em;
 padding-left:30px;
 }
 .csc-sitemap .vertical li li a {
 font-weight: normal;
 font-size: 1em;
 }
 .csc-sitemap .vertical li span{float:left;position:absolute;top:4px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
 .csc-sitemap .vertical li span.expanded{background:url(../img/background/sitemap/skins/vertical/skin2/expanded.gif) no-repeat 0 0;}
 .csc-sitemap .vertical li span, .csc-sitemap .vertical li span.collapsed{background:url(../img/background/sitemap/skins/vertical/skin2/collapsed.gif) no-repeat 0 0;}
 .csc-sitemap .vertical li ul{
 margin-left:28px;
 }
 .csc-sitemap .vertical li li{
 margin-top: 5px;
 }
 .csc-sitemap .vertical:after, .csc-sitemap .vertical ul:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
 .collapsed, .expanded { cursor: pointer; }
*/

/* Horizontal Skin */
.csc-sitemap .horizontal, .csc-sitemap .horizontal ul, .csc-sitemap .horizontal li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.csc-sitemap .horizontal li {
    line-height: 250%;
    margin-right: 1px;
    background: #eee;
    position: relative;
    width: 115px;
    float: left;
}
.csc-sitemap .horizontal li a {
    font-weight: bold;
    padding-left: 20px;
}
.csc-sitemap .horizontal li li a {
    font-weight: normal;
}
.csc-sitemap .horizontal li span {
    float: left;
    position: absolute;
    top: 5px;
    left: 2px;
    width: 13px;
    height: 13px;
    cursor: auto;
    font-size: 0;
}
.csc-sitemap .horizontal li span, .csc-sitemap .horizontal li span.collapsed {
    background: url(../img/background/sitemap/collapsed_arrow.gif) no-repeat 2px 2px;
}
.csc-sitemap .horizontal li span.expanded {
    background: url(../img/background/sitemap/expanded_arrow.gif) no-repeat 2px 2px;
}
.csc-sitemap .horizontal li li {
    clear: both;
    width: 100%;
    background: #fcfcfc;
    margin-right: 0;
    margin-bottom: 1px;
}
.csc-sitemap .horizontal li li span, .csc-sitemap .horizontal li li span.collapsed {
    background: url(../img/background/sitemap/collapsed_arrow_2.gif) no-repeat 2px 2px;
}
.csc-sitemap .horizontal li li span.expanded {
    background: url(../img/background/sitemap/expanded_arrow_2.gif) no-repeat 2px 2px;
}
.csc-sitemap .horizontal li li li {
    background: #fff;
}
.csc-sitemap .horizontal li li li a {
    color: #999;
    font-size: 90%;
}
.csc-sitemap .horizontal:after, .csc-sitemap .horizontal ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/*------------------------------*/
/* =6 Flash           */
#flash_fallback {
    text-indent: -9999em;
    background: transparent url(../img/get_adobe_flash_player.png) top left no-repeat;
    width: 158px;
    height: 39px;
    float: left;
}
#flash_fallback .get_flash {
	float: left;
	width: 100%;
	height: 100%;
}



/*------------------------------*/
/* =7 mmcMediabox           */
.mediabox-overlay {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}
.mediabox-container {
    background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    padding: 20px;
    padding-bottom: 70px;
    z-index: 1001;
    position: absolute;
}
.siteroot .mediabox-container {
    background-color:#FFF;
    padding:0;
}
.mediabox-innerwrapper {
    position: relative;
}
.mediabox-content img {
    display: block;
    -ms-interpolation-mode: bicubic;
}
.mediabox-container>.close {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 31px;
    height: 31px;
    cursor: pointer;
    text-indent: -9999em;
    background: url(../img/lightbox/lightbox_sprite.png) 0 0 no-repeat;
}
.mediabox-container .mediabox-content .ajax-container {
    float: left;
}
.mediabox-container .mediabox-content video {
    background-color: #000;
}
.mediabox-container .mediabox-infoarea {
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    height: 60px;
}
.mediabox-container .mediabox-infoarea span {
    display:inline;
}
.mediabox-container .mediabox-hovernav {
    position: absolute;
    /*top: 0;*/
    left: 0;
    bottom: 0;
    right: 0;
}
.mediabox-container .mediabox-hovernav .prev, .mediabox-container .mediabox-hovernav .next {
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.mediabox-container .mediabox-hovernav .prev.disabled, .mediabox-container .mediabox-hovernav .next.disabled {
    cursor: default;
    display: none;
}

.mediabox-container .mediabox-hovernav .prev {
    left: 0;
    right: 50%;
}
.mediabox-container .mediabox-hovernav .next {
    right: 0;
    left: 50%;
}
.mediabox-container .mediabox-hovernav .prev span, .mediabox-container .mediabox-hovernav .next span {
    text-indent: -9999em;
    opacity: 0;
    filter:Alpha(opacity=0);
    width: 72px;
    height: 63px;
    top: 50%;
    margin-top: -31px;
    position: absolute;
    display: block;
}
.mediabox-container .mediabox-hovernav .prev span {
    left: 0;
}
.mediabox-container .mediabox-hovernav .next span {
    right: 0;
}
.mediabox-container .mediabox-hovernav .prev:hover span, .mediabox-container .mediabox-hovernav .next:hover span {
    opacity: 1;
    filter:Alpha(opacity=100);
}
.mediabox-container .mediabox-hovernav .prev span {
    background: url(../img/lightbox/lightbox_sprite.png) 0 -103px no-repeat;
}
.mediabox-container .mediabox-hovernav .next span {
    background: url(../img/lightbox/lightbox_sprite.png) 0 -166px no-repeat;
}
.mediabox-container .loading {
    background: rgba(255,255,255,0.5) url(../img/lightbox/ajax-loader.gif) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mediabox-container .mediabox-infoarea .hidden {
    display: none;
}
.mediabox-container .mediabox-infoarea .prev, .mediabox-container .mediabox-infoarea .next, .mediabox-container .mediabox-infoarea .close {
    cursor: pointer;
}
.mediabox-container .mediabox-infoarea .mediabox-navigation {
    display: none;
}
.mediabox-container .mediabox-infoarea .prev.disabled, .mediabox-container .mediabox-infoarea .next.disabled {
    opacity: 0.3;
    filter:Alpha(opacity=30);
    cursor: default;
}
.mediabox-container .mediabox-infoarea .mediabox-titlearea {
    display: block;
    width: 75%;
}
.mediabox-container .mediabox-infoarea .title {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.1em;
}
.mediabox-container .mediabox-infoarea .numberDisplay {
    float: right;
}
.mediabox-container .mediabox-infoarea .mediabox-infoarea-navigation {
    display: block;
    margin-top: 5px;
    height: 35px;
    width: 100%;
    float: left;
}
.mediabox-container .mediabox-infoarea .mediabox-infoarea-navigation span {
    float: left;
    text-indent: -9999em;
    background: url(../img/lightbox/lightbox_sprite.png) 0 0 no-repeat;
    display: block;
}
.mediabox-container .mediabox-infoarea .mediabox-infoarea-navigation .prev {
    background-position: 0 -67px;
    width: 31px;
    height: 35px;
}
.mediabox-container .mediabox-infoarea .mediabox-infoarea-navigation .next {
    background-position: 0 -32px;
    width: 31px;
    height: 35px;
}
.mediabox-container .mediabox-infoarea .mediabox-infoarea-navigation .close {
    background-position: 0 0;
    width: 31px;
    height: 32px;
    float: right;
    display: none;
}



/*
Theme Name: MACCACO
Theme URI: http://www.projekktor.com/downloads
Description: this theme is a screenr clone
Version: 0.9
Author: Michel Maillard
Author URI: http://www.porkhead.org
*/
/* IE Fix for Floatbox - not required if no floatbox */
#simplePro, #multiPro {
    zoom: 1;
}
/**************/

.projekktor {
    background-color: #000;
    font-family: 'Lucida Grande', Trebuchet MS, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #0c0c0c;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
}
.ppdisplay {
    position: relative !important;
}
.ppcontrols {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 36px;
    background: url("player.png") repeat-x scroll 0 0 #0f0e0e;
    border-style: solid;
    border-color: #413e3e;
    border-width: 1px 0;
    padding: 0;
    margin: 0;
}
.pplogo.inactive,
.ppstart.inactive,
.ppbuffering.inactive,
.ppcontrols.inactive,
.ppplay.inactive,
.pppause.inactive,
.ppfsenter.inactive,
.ppfsexit.inactive,
.ppprev.inactive,
.ppnext.inactive {
    display: none;
}
.pplogo.active,
.ppstart.active,
.ppbuffering.active,
.ppcontrols.active,
.ppplay.active,
.pppause.active,
.ppfsenter.active,
.ppfsexit.active,
.ppprev.active,
.ppnext.active {
    display: block;
}
.ppplay,
.pppause {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("maccaco.png") no-repeat left top transparent;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-right: 1px solid #000;
}
.ppplay:hover {
    background-position: left -35px;
}
.ppplay:active {
    background-position: left -36px;
}
.pppause {
    background-position: left -70px;
}
.pppause:hover {
    background-position: left -105px;
}
.pppause:active {
    background-position: left -106px;
}
.ppfsenter,
.ppfsexit {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url("maccaco.png") no-repeat right top transparent;
    cursor: pointer;
    border-left: 1px solid #413e3e;
}
.ppfsenter:hover {
    background-position: right -35px;
}
.ppfsenter:active {
    background-position: right -36px;
}
.ppfsexit {
    background-position: right -70px;
}
.ppfsexit:hover {
    background-position: right -105px;
}
.ppfsexit:active {
    background-position: right -106px;
}
.ppscrubber {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
    background: url("maccaco-load.gif") repeat-x left top transparent;
    margin: auto;
    padding: 0;
    border-bottom: 1px solid #000;
}
.ppplayhead, .pploaded {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 1px;
    background-color: #fff;
    cursor: pointer;
    z-index: 301;
}
.pploaded {
    z-index: 10;
    background: rgb(65, 62, 62);
    opacity: 0.8;
    /* ie7 */
    filter: alpha(opacity = 80);
    /* ie8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.ppplayhead {
    margin-top: -5px;
}
.pptitle {
    position: absolute;
    left: 31px;
    padding: 0 10px;
    color: #fff;
    overflow: hidden;
    text-align: left;
    line-height: 30px;
    height: 30px;
    border-left: 1px solid #413e3e;
    font-size: 11px;
}
.pptimeleft,
.ppvmax,
.ppmute  {
    position: absolute;
    top: 0;
    right: 153px;
    height: 15px;
    color: #fff;
    width: 100px;
    line-height: 30px;
    height: 30px;
    border-left: 1px solid #413e3e;
    border-right: 1px solid #000;
    overflow: hidden;
}

/* special for single */
.pptimeleft {
    background: url("maccaco.png") no-repeat -91px top transparent;
}
.ppvmax {
    position: absolute;
    top: 0;
    right: 31px;
    width: 30px;
    border-left: none;
    background: url("maccaco.png") no-repeat -842px top transparent;
}
.ppvmax:hover {
    background-position: -842px -35px;
}
.ppvmax:active {
    background-position: -842px -36px;
}
.ppmute {
    position: absolute;
    top: 0;
    width: 30px;
    right: 122px;
    border-left: 1px solid #413e3e;
    border-right: none;
    background: url("maccaco.png") no-repeat -750px top transparent;
}
.ppmute:hover {
    background-position: -750px -35px;
}
.ppmute:active {
    background-position: -750px -36px;
}
.ppvslider {
    position: absolute;
    right: 62px;
    top: 13px;
    height: 6px;
    width: 60px;
    background: url("maccaco.png") no-repeat -781px -13px transparent;
}
.ppvmarker {
    position: absolute;
    right: 0;
    left: 0;
    height: 6px;
    width: 100%;
    background: url("maccaco.png") no-repeat -634px -13px transparent;
}
.ppvknob {
    cursor: pointer;
    z-index: 201;
    position: absolute;
    background: url("maccaco.png") no-repeat -699px -5px transparent;
    top: -7px;
    left: 0px;
    width: 6px;
    height: 20px;
}
.ppnext,
.ppprev {
    display: block;
    position: absolute;
    top: 0;
    right: 255px;
    background: url("maccaco.png") no-repeat -59px top transparent;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-left: 1px solid #413e3e;
    border-right: 1px solid #000;
}
.ppnext { border-right:none; }
.ppnext:hover {
    background-position: -59px -35px;
}
.ppnext:active {
    background-position: -59px -36px;
}
.ppprev {
    right: 284px;
    background-position: -32px top;
}
.ppprev:hover {
    background-position: -32px -35px;
}
.ppprev:active {
    background-position: -32px -36px;
}
.pptestcard {
    background: url("noise.gif") center center repeat;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
}
.pptestcard p {
    background-color: #3b393e;
    width: 60%;
    margin: auto;
    line-height: 25px;
    position: relative;
    top: 25%;
    padding: 10px;
    border: 5px solid #000;
    text-align: center;
}
.ppbuffering {
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-left: -45px;
    margin-bottom: -38px;
    display: block;
    z-index: 9010;
    padding: 0px;
    background: url("buffering.gif") no-repeat center center #000;
    height: 84px;
    width: 84px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    display: none;
}
.ppstart {
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-left: -45px;
    margin-bottom: -38px;
    cursor: pointer;
    height: 84px;
    width: 84px;
    display: block;
    z-index: 8000;
    padding: 0px;
    background: url("start.png") no-repeat left top transparent;
}
.ppstart:hover {
    background-position: left bottom;
}
.ppstart:active{
    background-position: left -169px;
}

/* SOCIAL */
.ppsocialbar {
    position: absolute;
    right: 0;
    bottom: 14%;
    width: 90px;
    height: 50%;
    padding: 0;
}
.ppsocialbutton, .ppsocialbutton:hover {
    cursor: pointer;
    overflow: hidden;
    height: 16px;
    width: 80px;
    padding: 5px;
    margin: 15px 0;
    text-align: center;
    font-size: 14px;
    background-color: #191B10;
    color: #fdfdfd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 14px;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.ppsocialbutton:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ppsocialpopup {
    position: absolute;
    margin-right: -122px;
    margin-top: -140px;
    right: 50%;
    top: 50%;
    width: 185px;
    height: 225px;
    text-align: center;
    padding: 10px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgb(34, 34, 34);
    background: rgba(34, 34, 34, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222)";
    color: #fefefe;
}
.ppsocialpopup textarea {
    width: 185px;
    height: 65px;
    border: 1px solid #ccc;
    outline: 0 none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block;
}
.ppsocialpopup a {
    display: block;
    width: 100%;
    text-decoration: underline;
    margin: 5px auto;
    text-align: center;
    color: #ddd;
    cursor: pointer;
}
.ppsocialpopup a:hover {
    text-decoration: none;
}