*
{
   margin: 0;
   padding: 0;
   font-family: Tahoma, Arial, Hevetica, Sans-Serif;
   font-size: 11px;
}

html, body
{
   background-color: #000000;
   color: #D6D6D6;
}

a
{
   color: #D6D6D6;
}

label
{
   position: relative;
   top: -2px;
   margin: 0 0 0 7px;
}

table, tr, td
{
   border-collapse: collapse;
   border: 0;
}

input, textarea, select
{
   border: 1px solid #383838;
   background-color: #000;
   color: #FFFFFF;
   padding: 2px 3px;
}

input[type="checkbox"], input[type="radio"]
{
   border: 0;
}

input[type="radio"]
{
   background-color: #181818;
}

select, input[type="button"], input[type="submit"], input[type="checkbox"]
{
   padding: 0;
}

textarea
{
   scrollbar-arrow-color: #000;
   scrollbar-base-color: #474747;
   scrollbar-darkshadow-color: #474747;
   scrollbar-highlight-color: #474747;
   scrollbar-shadow-color: #000;
}

/* =========================== */
/* GENERAL =================== */
/* =========================== */

.error
{
   font-weight: bold;
   color: #FFFFFF;
   line-height: 18px;
}

div.clear
{
   clear: both;
}


input.textboxInText
{
   border: 0;
   border-bottom: 1px solid #383838;
}

div.bottom
{
   padding: 0 0 0 0;
}

div.subBottom
{
   padding: 0 0 3px 10px;
}

div.menuPoint, div.menuPointDisabled
{
   margin: 0 0 7px 0;
   padding: 0 0 2px 0;
   border-bottom: 1px solid #838383;
   color: #838383;
   font-weight: bold;
   cursor: pointer;
}

div.menuPointDisabled
{
   color: #3c3c3c;
   cursor: default;
}

/* =========================== */
/* LOGIN ===================== */
/* =========================== */

div#loginContainer
{
   text-align: center;
}

div#loginInput
{
   margin: 0 auto;
   width: 300px;
}

input.tbPassword
{
   margin-left: -18px;
}





/* =================================== */
/* KOLLEKTIONEN ===================== */
/* =================================== */

table.mixtapeCollection
{
   /*width: 100%; Bietet sonst keinen Rand */
}

table.mixtapeCollection td
{
   padding-bottom: 10px;
   vertical-align: top;
   max-width: 250px;
   overflow: hidden;
   text-overflow: ellipsis;
}

td.mixtapeCategory
{
   width: 1px;
   padding-right: 5px;
   white-space: nowrap;
   font-weight: bold;
   font-size: 11px;
}

div.mixtapeSubCategory
{
   float: left;
   width: 129px;
   margin-bottom: 5px;
}

td.joinAllCheckboxCell
{
   font-size: 10px;
   padding-right: 10px;
   white-space: nowrap;
   width: 1px;
}

td.mixtapeCell
{
   width: 400px;
   font-size: 10px;
   padding-left: 10px;
}

span.mixtapeTitleCount
{
   position: relative;
   top:-3px;
   color: #838383;
   font-size: 9px;
}

span.mixtapeTitleCount
{
   padding-left: 5px;
}

span.mixtapeLimit
{
   cursor: pointer;
}

a.mixtapeLimitLink, a.mixtapeLimitLink:link, a.mixtapeLimitLink:visited, a.mixtapeLimitLink:active, a.mixtapeLimitLink:hover
{
   color: #838383;
   text-decoration: none;
   cursor: pointer;
   font-size: 9px;
}

a.mixtapeLimitLink:hover
{
   text-decoration: underline;
   cursor: pointer;
}

td.mixxtabeHeader
{
   font-weight: bold;
   color: #D6D6D6;
}

hr.mixxtabeLineHeader
{
   width: 115px;
   height: 1px;
   border: 0;
   background-color: #838383;
   margin: 2px 0 18px 0;
   text-align: left;
}

hr.mixxtabeLineFooter
{
   height: 1px;
   border: 0;
   background-color: #838383;
   margin: 2px 0 7px 0;
   padding: 0 10px 0 0;
}

td.mixxtabeFooter
{
   color: #838383;
}

div.mixxtabeFooterDiv
{
   color: #838383;
   padding: 0 0 0 3px;
}

/* =================================== */
/* EINSTELLUNGEN ===================== */
/* =================================== */

.hdl
{
   font-size: 21px;
   font-weight: bold;
   margin: 10px 0 14px 0;
   color: #D6D6D6;
}

/* ============================================== */
/* Fan Promotion ===================== */
/* ============================================== */
    td.empfaengerInput
     {
       padding: 0 0px 4px 10px;
       color: #D6D6D6;
     }

        .textboxEmpfehlung
        {
           width: 440px;
        }

        #EinleitungsTitle
        {
            padding-left:0px;
            margin-left:0px;
            font-size:12px;
            font-weight:bold;
        }     
         
        #EinleitungsText
        {
            margin-bottom: 0px;
            padding-bottom: 20px;
            padding-top: 10px;
            line-height: 22px;
        }
        
        #PotenziellerKunde
        {
            font-weight:bold;
        }
        
        .empfehlungContent
        {
            margin-bottom: 0px;
            padding-left: 20px;
            padding-bottom: 0px;
            padding-top: 10px;
        }
        
        .empfehlungTitle
        {
            font-weight:bold;
            margin-bottom: 0px;
            padding-bottom: 10px;
            padding-top: 0px;
        }
        
        .bestehendeEmpfehlungen
        {
            margin-bottom: 0px;
            padding-left: 20px;
            padding-bottom: 0px;
        }
        
        #zusatzinfo    
        {
            margin-bottom: 0px;
            padding-left: 20px;
            padding-bottom: 20px;
            padding-top: 10px;
        }    


/* ============================================== */
/* RADIO.FX HOSTING SERVICE ===================== */
/* ============================================== */
div.hostingServiceText
{
   float: left;
   line-height: 200%;
}

table#hostingServiceOrderTable
{
   width: 100%;
   table-layout: fixed;
}

table#hostingServiceOrderTable td
{
   vertical-align: top;
}

table.hostingServicePayment
{
   margin-left: 25px;
   width: 100%;
   table-layout: fixed;
   border-collapse: separate;
   border-spacing: 3px;
}

table.hostingServicePayment th
{
   width: 80px;
   vertical-align: top;
   text-align: left;
   font-weight: normal;
}

div#divDisablePaymentOptionsOverlay
{
   position: absolute;
   width: 100%;
   height: 165px;
   background-color: #181818;
   filter: alpha(opacity=50);
   opacity: 0.5;
   -moz-opacity: 0.5;
   z-index: 99;
}

td.normalTd
{
   padding: 0 14px 8px 1px;
}

td.smallTd
{
   padding: 0 10px 4px 1px;
}

td.normalTdHdl, p.normalTdHdl
{
   padding: 15px 14px 5px 1px;
   font-weight: bold;
}

span.state
{
   font-weight: bold;
   color: #FFFFFF;
}

img.imageTop
{
    display:none;
}

div.left
{
   width: 362px;
   float: left;
}

div.right
{
   float: right;
   text-align: right;
}

img.arrow
{
   margin: 0 0 -1px -1px;
   padding: 0;
}

div.placemaker
{
   height: 30px;
}

div.divcell
{
   padding: 0 0 8px 0;
}

div.btnCon
{
   padding: 20px 15px 0 0;
   text-align: right;
}

div.tableCell
{
   float: left;
   width: 200px;
   margin: 0 5px 10px 0;
   padding: 0;
}

div.Softbutton
{
   float: left;
   margin-bottom: 20px;
   padding-right: 30px;
   width: 160px;
   white-space:nowrap;
}

div.ownTitle
{
   float: left;
   width: 200px;
   margin: 0 10px 5px 0;
   padding: 0;
   overflow: hidden;
}

div.dynTableCell
{
   position: relative;
   float: left;
   padding: 0 1px 10px 0;
}

div.ThumbnailCell
{
   position: relative;
   float: left;
   padding: 0 1px 10px 0;
}

div.ThumbnailArea
{
    _background-color:yellow; 
    height:67px;
}

div.GestureArea
{
    _background-color:yellow; 
    height:400px;
}

div.uploadButtons
{
    padding-top: 10px;
    _background-color:green; 
    height:65px;
    clear:both;
    text-align:left;
}

div.uploadButtonCell
{
   _float: left;
   padding: 0 1px 10px 0;
}


div.dynTableCellMargin
{
   float: left;
   margin: 0 20px 10px 0;
   padding: 0;
}

div.uploadButtons
{
   margin: 10px 0px 0px 0px;
   padding: 0;
}

img.descriptionImg
{
   margin: -6px 0 0 -11px;
   padding: 0;
}


span.imgSpan
{
   padding: 0 7px 0 0;
}

span.checkSpan
{
   padding: 0 0 1px 0;
}

div.leftSide
{
   float: left;
   width: 270px;
   margin: 0 10px 0 0;
}

div.rightSide
{
   float: left;
   width: 270px;
   margin: 0 10px 0 0;
}

input.textboxUser
{
   width: 180px;
}

input.textboxLarge
{
   width: 400px;
}


input.textboxUserZip
{
   width: 60px;
}

input.textboxUserCity
{
   width: 110px;
   color: #FFFFFF;
}

select.textboxUser
{
   width: 188px;
}

img.thumbnail
{
   width: 90px;
   height: 63px;
   border: 2px solid #000000;
   cursor: pointer;
   margin: 0 4px 0 0;
}

img.thumbnailSquare
{
   max-width: 90px;
   max-height: 90px;
   border: 2px solid #000000;
   cursor: pointer;
   margin: 0 4px 0 0;
}

img.selectedThumbnail
{
   width: 90px;
   height: 63px;
   border: 2px solid #D9D9D9;
   cursor: pointer;
   margin: 0 4px 0 0;
}

select.liveRadio
{
   width: 200px;
}

input.textboxOwn
{
}

div#limitOverlay
{
   position: fixed;
   width: 100%;
   height: 100%;
   background-color: #000000;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
   opacity: 0.5;
   display: none;
   z-index: 1;
}

div#limitWindow
{
   padding: 20px;
   position: fixed;
   top: 25%;
   left: 50%;
   margin: -150px 0 0 -150px;
   width: 260px;
   height: 260px;
   background-color: #3D3D3D;
   border-top: 1px solid #444444;
   border-bottom: 1px solid #333333;
   border-left: 1px solid #444444;
   border-right: 1px solid #333333;
   display: none;
   z-index: 2;
}

td.limit
{
   padding: 2px 20px 2px 0;
   vertical-align: middle;
   text-align: left;
   white-space:nowrap;
}

input.textboxLimit
{
   width: 35px;
}

div.capacityContainer
{
   width: 100%;
   height: 15px;
   border: 1px solid #9D9D9D;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

div.capacityBlock
{
   float: left;
   height: 15px;
   display: block;
   margin-top: 31px 0px 0px 0px;
   padding: 0;
}
div.capacityBox
{
   display: none;
   padding: 31px 0px 0px 0px;
   margin: 0;
}

div.capacitySymbol
{
   width: 8px;
   height: 8px;
   border: 1px solid #9D9D9D;
   margin: 0;
   padding: 1px 0 0 0;
   line-height: 0;
   font-size: 0;
}

td.capacityDescription
{
   margin: 0;
   padding: 0 10px 0 4px;
}

label.videolabel
{
   position: absolute;
   text-align: center;
   width: 90px;
   left: -5px;
   top: 45px;
   font-size: 10px;
   font-weight: normal;
}


div.Legend
{
    display:none;
    position:relative;
    float:left;
    ___border:1px solid #ff0000;
    white-space:nowrap;
    padding-right:6px;
    padding-bottom:2px;
}

div.LegendSymbol
{
   position:relative;
   float:left;

   width: 8px;
   height: 8px;
   border: 1px solid #9D9D9D;
   margin: 0;
   padding-top: 1px;
   margin-right:5px;
   line-height: 0;
   font-size: 0;
}

div.LegendText
{
   position:relative;
   float:left;
   top:-1px;
}

/* Dialog
*******************************************************************/

.dialogBox
{
   font-size: 12px;
}

.dialogBox .buttons
{
   float: right;
}


/* JQuery Dialog */
.ui-widget-overlay {background: none;}
.ui-button-text-only .ui-button-text {color:#000000; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px;}
.ui-dialog-titlebar .ui-dialog-title{color:#000000; font-size: 12px; font-weight: bold;}
/*
.ui-widget-overlay {background: none;}
.ui-dialog{background: rgba(82, 82, 82, 0.7);padding:10px;border-radius: 8px;-webkit-border-radius: 8px;}
.ui-dialog .ui-dialog-titlebar{background: #6D84B4;border: 1px solid #3B5998;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;color: white;font-size: 14px;font-weight: bold;}
#JQueryDialog{border-left: 1px solid #555;border-right: 1px solid #555;border-bottom: 1px solid #CCC;background-color:#FFF;padding:0px;overflow:hidden;display:none}
#JQueryDialog p, #JQueryDialog div{font-family: "lucida grande",tahoma,verdana,arial,sans-serif;font-size:13px;}
.ui-widget-content{background: none none 50% top repeat-x;border:none;}
.ui-dialog-titlebar-close{display:none}
.ui-dialog .ui-corner-all{-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
.ui-dialog .ui-dialog-buttonpane{background: #F2F2F2; margin:0;border-left: 1px solid #555;border-right: 1px solid #555;border-bottom: 1px solid #555;padding:8px}
.ui-dialog .ui-dialog-buttonpane button{ margin:0px 0px 0px 6px;padding:2px 6px;}
.ui-state-default, .ui-widget-content .ui-state-default{border-color: #29447E;color: #FFF;background:#6D84B4;}
.ui-state-hover, .ui-widget-content .ui-state-hover{border-color: #29447E;background:#6D84B4;}
.ui-state-active, .ui-widget-content .ui-state-active{background: #4F6AA3;border-bottom-color: #29447E;box-shadow: 0 1px 0 rgba(0, 0, 0, .05); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);}
.ui-button-text-only .ui-button-text {padding:0px}
.ui-dialog .ui-dialog-titlebar {padding: 5px;}
.ui-widget-content{color:#333333;}
*/

div.template
{
    display:none;
}


span#spanQuelle
{
    color: #838383;
}

/*
Versionsinfos
*/
ul.Versionsinfo
{
    margin-left:20px;
    margin-top:10px; 
    list-style-image: url(/graphic/ClipincHelp/pointer2.gif); 
    line-height: 2; 
    font-family: Tahoma, sans-serif; 
    font-size: 11px;
}
li.Versionsinfo
{
    margin-bottom: 3px
}   
a.Versionsinfo
{
    text-decoration: underline;
    color: #838383;
}
span.Versionsinfo
{
    display: none; 
    line-height: normal;
}

#DIVSettingsPage
{
    display:block;
}


div.Mainmenu
{
   font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
   font-weight: bold;
   font-size: 15px;
   color:#d6d6d6;
   border-bottom: 0px solid #ACACAC;
   padding-bottom: 0px;   
   margin-bottom: 10px;   
   margin-top: 20px;
}

#hostingServicesInfobalken
{
   width:478px;
}

input.TextMessage
{
   width:400px;
   position:relative;
   top:-1px;   
   margin-left:5px;
   color:#FFFFFF;
}

a.tooltip
{
   background-image:url(../graphic/facebook/fbTooltip.gif);
   display: inline-block;
   height: 10px;
   width: 12px;
   margin-left: 2px;
   margin-right: 5px;   
   cursor:pointer;
   _display:none;
}

div.tooltip 
{
   display:none;
   background-color:#000000;
   line-height:14px;
   color:#ffffff;
   padding:8px;
   position:absolute;
   z-index:100;
}