
body {
    background-color: #FFFFFF;
    background-image: url(../img/backgr.png);
    background-repeat: repeat-x;
    color: #000000;
}

#top {
    margin: 20px auto 0 auto;
    background-image: url(../img/top2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* ### LOGIN #################################################################################################################################################################### */

#login p .input {
    padding: 3px;
    border-width: 0;
}

#login p a {
    color: #FFA93F;
    text-decoration: none;
}

#login #logoutInfo p {
    background-image: url(../img/tooltip.png);
}

#login #logoutInfo p strong {
    color: #FFAA00;
    font-size: 12px;
}

/* ### TOP STATUS ############################################################################################################################################################### */

#login #topstatus {
    background-image: url('../img/status.backgr.png');
}

#login #topstatus p {
    color: #FFA93F;
}

#login #topstatus p a {
    color: #FFFFFF;
}

#login #topstatus p.area1 a.sub {
    color: #FFA93F;
}

#login #topstatus p.area2 a.sub {
    color: #AAAAAA;
}

#login #topstatus p a.light {
    color: #BBBBBB;
}

#login #topstatus #logoutInfo p {
    background-image: url(../img/tooltip.png);
}

#login #topstatus #logoutInfo p strong {
    color: #FFAA00;
}

/* ### LANGUAGE SELECTOR ####################################################################################################################################################### */

#languageArea {
    background-image: url(../img/task1a.backgr.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    background-color: #AA0808;
}

/* ### TASK 1 ################################################################################################################################################################### */


#task ul#task1 {
    margin: 10px 0 0 0;
    height: 26px;
    background-image: url(../img/task1.backgr.png);
    background-repeat: repeat-x;
    background-position: left 0;
}

#task ul#task1 li {
    margin: 0;
}

#task ul#task1 li a {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    height: 22px;
    padding: 4px 8px 0 8px;
    text-decoration: none;
}

#task ul#task1 li:hover {
    background-image: url(../img/tooltip.png);
    background-repeat: repeat;
}

#task ul#task1 li.selected a,
#task ul#task1 li.selected a.highlight {
    color: #000000;
    background-image: url(../img/task1.active.png);
}

#task ul#task1 li.selected:hover a,
#task ul#task1 li.selected:hover a.highlight {
    color: #FFFFFF;
    background-image: none;
}

#task ul#task1 li ul {
    background-image: url(../img/tooltip.png);
}

#task ul#task1 li ul li:hover {
    background-color: #A80808;
}

#task ul#task1 li ul li h3,
#task ul#task1 li ul li h3 a,
#task ul#task1 li ul li h3 span,
#task ul#task1 li.selected ul li h3 a,
#task ul#task1 li.selected:hover ul li h3 a,
#task ul#task1 li ul li p a:hover,
#task ul#task1 li.selected ul li p a:hover {
    color: #FFAA00;
}

/* ### TASK 2 ################################################################################################################################################################### */

#task ul#task2 {
    background-image: url(../img/task2.backgr.png);
    background-repeat: repeat-x;
    background-position: left 0;
}

#task ul#task2 li a {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

#task ul#task2 li a:hover,
#task ul#task2 li.selected a {
    color: #FFFFFF;
}

/* ### MAIN #################################################################################################################################################################### */

/* ### LIVECAMS ################################ */

#main .livecamsCheck p {
    color: #D00000;
}

#main .livecamsCheck .alertOverlay {
    background-position: 3px 3px;
}


#main h3.livecamsTitle {
    color: #D00000;
}

/* ### SETCARD TASK ############################ */

#main .setcardTask {
    height: 22px;
}

#main .setcardTask ul li {
    background-image: url(../img/setcard.task.right.png);
    background-repeat: no-repeat;
    background-position: right top;
}

#main .setcardTask ul li.selected {
    background-image: url(../img/setcard.task.right.active.png);
}

#main .setcardTask ul li a {
    height: 20px;
    padding: 5px 0 0 20px;
    color: #FFFFFF;
    background-image: url(../img/setcard.task.left.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 12px;
}

#main .setcardTask ul li.selected a {
    color: #000000;
    background-image: url(../img/setcard.task.left.active.png);
    height: 22px;
}

#main .setcardTask ul li a:hover {
    color: #FFA836;
}

/* ### DEFAULT ############################## */

#main p#right_status {
    background-color: #F0F0F0;
    border: 1px solid #B8BDC0;
}

/* ### BOX ################################### */

#main h2 {
    height: 19px;
    margin: 0;
    padding: 3px 0 0 10px;
    color: #FFFFFF;
    font-size: 12px;
    background-image: url(../img/h2.backgr.png);
    background-repeat: no-repeat;
    background-position: left;
}

#main h2 span {

}

#main .box {
    background-color: #FFFFFF;
    background-image: url(../img/box.backgr.png);
    background-repeat: repeat-x;
    background-position: left top;
    border-width: 1px;
    border-style: solid;
    border-color: #E5E1DE;
}

#main .box h2 span {
    color: #D00000;
}

#main .box h3 {
    color: #D00000;
}

#main .box h3 a {
    color: #D00000;
}

#main .box h3.separated,
#main .separated {
    border-style: solid;
    border-color: #999999;
}

#main .box h4 {
    font-size: 12px;
    color: #111111;
}

#main .box .amateurbox {
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    margin: 0 0 6px 6px;
}

#main .box .amateurbox h4 {
    color: #D00000;
}

#main p.alert {
    color: #CC0000;
}

#main p.even {
    background-color: #F9F9F9;
}

#main p.uneven {
    background-color: #FFFFFF;
}

/* ### OPTIONFIELD ########################### */

#main p.optionField {
    border-width: 1px;
    border-style: solid;
    border-color: #E5E1DE;
    background-color: #FFFFFF;
}

#main p.optionField.on {
    border-color: #DD0000;
}

/* ### TABLES ############################### */



#main table.dataTable th {
    color: #D00000;
}

#main table.dataTable th a {
    color: #D00000;
}

#main table.dataTable th a:hover {
    color: #FF7400;
}

#main table.dataTable td,
#main table td.subLine,
#main table.dataTable th.subLine,
#main table.dataTable td.subLine {
    border-color: #DCDCDC;
    border-style: solid;
}

#main table.dataTable tr.total td {
    border-top: 1px solid #AAAAAA;
}

#main table.dataTable tr.accepted {
    background-color: #EEFFDD;
}

#main table.dataTable tr.denied {
    background-color: #FFEEDD;
}

#main table.toolTable {
    border-color: #DCDCDC;
    border-style: solid;
}

#main table.toolTable td.preview {
    background-color: #FFFFFF;
    border: 1px solid #E5E1DE
}

#main table.toolTable td .codeLabel {
    display: block;
    float: left;
    padding-top: 2px;
    width: 44px;
}

#main table.toolTable td textarea.script {
    width: 560px;
    overflow: auto;
}

/* ### IMAGEBOX ############################# */

#main .imageBox {

}

#main .imageBox .admin {
    border-color: #DCDCDC;
    border-style: solid;
    background-color: #FFFFFF;
}

#main .imageBox .admin.access_dev {
    background-color: #FFEEEE;
}

#main .imageBox .admin.access_false,
#main .imageBox .admin.access_waiting {
    background-color: #FFEEEE;
}

#main .imageBox .admin.access_true {

}

#main .imageBox .description {
    background-image: url(../img/tooltip.png);
    background-repeat: repeat;
}

#main .imageBox .description strong {
    color: #FFAA00;
}

#main .imageBox .preview {
    padding: 0;
    border-width: 1px;
    border-color: #DCDCDC;
    border-style: solid;
    background-color: #FFFFFF;
}

#main .imageBox .admin.access_ready p.status {
    font-weight: bold;
    color: #00AA00;
}

#main .imageBox .admin p.thumbnail {
    border-color: #DCDCDC;
    border-style: solid;
}

/* ### SETBOX ############################### */

#main .setBox .player .price {
    background-color: #D00000;
}

#main .setBox .callnumber strong {
    color: #111111;
}



#main .setBox .leftButtons ul li.movie {
    background-image: url(../img/button.movie.inactive.png);
}

#main .setBox .leftButtons ul li.picture {
    background-image: url(../img/button.picture.inactive.png);
}

#main .setBox .leftButtons ul li.call {
    background-image: url(../img/button.picture.inactive.png);
}

#main .setBox .leftButtons ul li.fakecheck {
    background-image: url(../img/button.ac.inactive.png);
}

#main .setBox .leftButtons ul li.movieActive {
    background-image: url(../img/button.movie.active.png);
}

#main .setBox .leftButtons ul li.pictureActive {
    background-image: url(../img/button.picture.active.png);
}

#main .setBox .leftButtons ul li.callActive {
    background-image: url(../img/button.picture.active.png);
}

#main .setBox .leftButtons ul li.fakecheckActive {
    background-image: url(../img/button.ac.active.png);
}

/* ### TEASER #################################################################################################################################################################### */

#teaser h3 {
    padding: 3px 0 4px 10px;
    color: #FFFFFF;
    background-image: url(../img/teaser.h3.backgr.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#teaser h3.hammer a {
    color: #FFFFFF;
}

#teaser .box {
    background-color: #FFFFFF;
    background-image: url(../img/box.backgr.png);
    background-repeat: repeat-x;
    background-position: left top;
}

#teaser .box h4 {
    color: #111111;
}

#teaser .box .preview {
    border-width: 1px;
    border-color: #DCDCDC;
    border-style: solid;
    background-color: #FFFFFF;
}

/* ### UL topButtons ######################### */

ul.topButtons {
    padding: 5px 10px 0 0;
    min-height: 27px;
}

ul.topButtons li {
    padding: 0 3px 0 0;
    min-height: 28px;
    background-image: url(../img/button.backgr.right.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

ul.topButtons li a {

    padding: 5px 10px 0 17px;

    background-image: url(../img/button.backgr.left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #000000;
    text-decoration: none;
}

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

ul.topButtons li.blank a {
    background-image: url(../img/button.backgr.left2.gif);
    padding-left: 10px;
}

ul.topButtons li.back a {
    background-image: url(../img/button.backgr.leftback.png);
}

ul.topButtons li.selected {
    background-image: url(../img/button.selected.right.gif);
}

ul.topButtons li.selected span {

    height: 23px;
    padding: 5px 10px 0 17px;
    background-image: url(../img/button.selected.left.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* ### FRAMED ################################ */

#main .framed {
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: #B8BDC0;
    border-style: solid;
}

#main .framed2 {
    background-color: #F0F0F0;
    border-width: 1px;
    border-color: #B8BDC0;
    border-style: solid;
    background-image: url(../img/framed2.backgr.png);
    background-repeat: repeat-x;
    background-position: 0 0;
}

#main .framed3 {
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: #B8BDC0;
    border-style: solid;
}

#main .box .framed ul.task,
#main .box .framed .framedTopMessage {
    background-image: url(../img/mail.backgr.gif);
    background-repeat: repeat-x;
    border-width: 0 0 1px 0;
    border-color: #DCDCDC;
    border-style: solid;
}

#main .box .framedScrollList {
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: #B8BDC0;
    border-style: solid;
}

#main .box h3.framedTop {
    padding: 0 0 0 7px;
}

#main .box h3.framedTop span {
    padding: 2px 7px 0 0;
    color: #454545;
}

/* ### WEBLOG #################################################################################################################################################################### */

#main #weblog h2 {
    background-image: url(../img/h2.weblog.png);
    width: 313px;
}

#main #weblog h2.en {
    background-image: url(../img/h2.weblog.en.png);
}

#main #weblog p.subtitle {
    margin: -5px 0 0 20px;
    color: #666666;
}

#main #weblog h3 {
    color: #111111;
    background-image: url(../img/weblog.top.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#main #weblog .entry p.text {
    background-image: url(../img/weblog.backgr.png);
    background-repeat: repeat-y;
    background-position: 0 0;
}

#main #weblog .entry p.date {
    color: #666666;
    background-image: url(../img/weblog.backgr.png);
    background-repeat: repeat-y;
    background-position: 0 0;
}

#main #weblog .entry .bottom {
    background-image: url(../img/weblog.bottom.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#teaser .weblogteaser {
    background-color: #EBEBEB;
}

#teaser .weblogteaser .item {
    background-image: url(../img/box.backgr.png);
    background-repeat: repeat-x;
    background-position: left -50px;
    border-bottom: 1px solid #FFFFFF;
}

#teaser .weblogteaser .item h4 a {
    color: #000000;
}

/* ### GLOBAL CLASSES #################################################################################################################################################################### */

a {
    color: #FF7400;
    text-decoration: underline;
}

a:hover {
    color: #000000;
}

.textPink {
    color: #111111;
}

.textGreen {
    color: #66AA00;
}

.textOrange {
    color: #FF6600;
}

.textRed {
    color: #D00000;
}

.biglabel {
    font-size: 16px;
    color: #666666;
}

h1 {
    left: 20px;
    top:  8px;
    width: 328px;
    height: 64px;
    background-image: url(../img/ac.logo2.en.png);
}

h1.de {
    background-image: url(../img/ac.logo2.de.png);
}

h1.es {
    background-image: url(../img/ac.logo2.en.png);
}

h1.pl {
    background-image: url(../img/ac.logo2.pl.png);
}

fieldset {
    border-color: #DCDCDC;
    border-style: solid;
}

fieldset legend {
    color: #D00000;
}

select, textarea, input {
    font-size: 11px;
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
}

select.selector {
    padding: 3px;
    border: 1px solid #B8BDC0;
    background-color: #FFFFFF;
    vertical-align: top;
    margin-right: 4px;
}

input.selector {
    padding: 3px;
    border: 1px solid #B8BDC0;
    background-color: #FFFFFF;
    vertical-align: top;
    margin-right: 4px;
}

.highlight,
a.highlight {
    color: #111111;
}

.input {
    padding: 3px;
    border: 1px solid #B8BDC0;
}

.light {
    color: #AAAAAA;
}

ul.list li,
ul.floatList li {
    background-image: url(../img/dot.list.png);
}

ul.linklist li {
    background-image: url(../img/dot.gif);
}

/* ### MOVIE PREVIEW SLIDER ###################################################################################################################################################### */

#main #moviePreview {
    background-color: #D00000;
    display: none;
}

/* ### EVENTS #################################################################################################################################################################### */

#eventbox .item {
    background-image: url(../img/event.backgr.png);
    background-repeat: repeat-x;
    background-position: 0 10px;
}

#eventbox .item h3 a {
    text-decoration: none;
    color: #D00000;
}

#eventbox .item h3 a:hover {
    text-decoration: underline;
    color: #000000;
}

#eventbox table.calendar td {
    color: #808080;
    background-image: url(../img/event.false.png);
}

#eventbox table.calendar td.today,
#eventbox table.calendar td.eventfound.today {
    color: #000000;
}

#eventbox table.calendar td  .infos div {
    background-image: url(../img/event.info.png);
}

#eventbox table.calendar td  .infos div p a:hover {
    color: #000000;
}

#eventbox .evteaser h3 {
    height: 19px;
    margin: 0;
    padding: 3px 0 0 10px;
    color: #FFFFFF;
    font-size: 12px;
    background-image: url(../img/h2.backgr.png);
    background-repeat: no-repeat;
    background-position: left;
}

#eventbox .evteaser_content {
    background-image: url(../img/box.backgr.png);
    background-repeat: repeat-x;
    background-position: 0 120px;
}


#eventdetails p.date {
    color: #D00000;
}

#teaser .eventteaser {
    background-color: #A70808;
}

#teaser .eventteaser .infobox p.data {
    color: #FFA93F;
}

#teaser .eventteaser .infobox p.data a:hover {
    color: #FFA93F;
    text-decoration: underline;
}

#setcardevent p.date {
    color: #D00000;
}

#setcardevent p.date a:hover {
    color: #D00000;
}

/* ### ONLINE LIST ############################################################################################################################################################### */

#main .previewbox2 .previewinlinebox {
    width: 258px;
    height: 600px;
    border-width: 1px;
    border-style: solid;
    border-color: #E5E1DE;
    background-color: #EBEBEB;
}

#main .previewbox2 ul.onlinelist,
#teaser ul.onlinelist {
    max-height: 602px;
}

#main .previewbox2 ul.onlinelist li,
#teaser ul.onlinelist li {
    margin: 0;
    border-top: 1px solid #FFFFFF;
}

#main .previewbox2 ul.onlinelist li a,
#teaser ul.onlinelist li a {
    color: #666666;
    background-color: #EBEBEB;
}

#main .previewbox2 ul.onlinelist li a strong,
#teaser ul.onlinelist li a strong {
    color: #FF6800;
}

#main .previewbox2 ul.onlinelist li a:hover,
#teaser ul.onlinelist li a:hover {
    background-color: #A80808;
    text-decoration: none;
}

#main .previewbox2 ul.onlinelist li p.description,
#teaser ul.onlinelist li p.description {
    background-image: url(../img/tooltip.png);
}

#main .previewbox2 ul.buttons,
#teaser .onlinebox ul.buttons {
    border-top: 1px solid #FFFFFF;
}

/* ### inlinePopupArea ########################################################################################################################################################### */

body.bodypopup {
    background-image: url(../img/box.backgr.png);
    background-position: left top;
    background-repeat: repeat-x;
}

#inlinePopupArea #inlinePopupBackground {
    background-color: #333333;
}

#inlinePopupArea #inlinePopupContent h2 {
    background-image: url(../img/popup.h2.right.png);
}

#inlinePopupArea #inlinePopupContent h2 span {
    background-image: url(../img/popup.h2.left.png);
    background-repeat: no-repeat;
    background-position: left;
}

/* ### MSG HISTORY ############################################################################################################################################################### */

#main #msghistory {
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: #B8BDC0;
    border-style: solid;
}

#main #msghistory p {
    border-bottom: 1px solid #F4F4F4;
}

#main #msghistory p a {
    text-decoration: none;
    color: #000000;
}

#main #msghistory p span.author {
    color: #FF6600;
}

#main #msghistory p.ownmsg {
    color: #606060;
    background-color: #F4F4F4;
    border-bottom: 1px solid #FFFFFF;
}

#main #msghistory p.ownmsg a,
#main #msghistory p.ownmsg span.author {
    color: #606060;
}

#main #msghistory p a:hover,
#main #msghistory p.ownmsg a:hover {
    color: #000000;
    text-decoration: underline;
}

/* ### MESSENGER MINIMIZE ######################################################################################################################################################## */

#messengerMaximize {
    background-image: url(../img/messenger.maximize.png);
}

#messengerMaximize.glow {
    background-image: url(../img/messenger.glow.png);
}

#messengerMaximize.glow a {
    background-image: url(../img/messenger.blink.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* ### CATEGORIES ################################################################################################################################################################ */

#main div.box div.catbox p.letter {
    font-size: 50px;
    font-family: "Times New Roman", Times, serif;
    color: #666666;
}

#main div.box div.catbox ul li {
    background-image: url("../img/top.png");
    background-position: center;
}

#main div.box div.catbox ul li a:hover {
    background-color: #AA0000;
}

#main div.box div.catbox ul li a span.info {
    color: #DDDDDD;
}

#main div.catbox p.actualpoints big {
    font-size: 20px;
    color: #AA0000;
}

#main div.catbox ul.rewards li {
    color: #000000;
    background-color: #FFFFFF;
}

#main div.catbox ul.rewards li.selectedBox {
    color: #FFFFFF;
    background-color: #AA0000;
}

#main strong.specialAchievementTitle {
    color: #0078DD;
}

#teaser div.catbox ul li {
    border: 1px solid #DDDDDD;
}

#teaser div.catbox ul li strong.title {
    color: #0078DD;
}

/* ### SIDEBAR ################################################################################################################################################################### */

#sidebar h3 {
    background-image: url(../img/sidebar.top.png);
}

/* ### US MAP #################################################################################################################################################################### */

#USTeaserMap {
    position: relative;
}

#USTeaserMap #USMapArea {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #DDDDDD;
    z-index: 2;
}
#USTeaserMap #USMapArea p.selectArea {
    text-align: right;
    padding: 0;
    margin: 0;
}

#USTeaserMap #USMapArea p.selectArea select {
    vertical-align: middle;
    border: 1px solid #EEEEEE;
    padding: 0;
    width: 300px;
    font-size: 22px;
    color: #666666;
    text-align: right;
    background-color: transparent;
}

#USTeaserMap #USMapArea p.selectArea a.close {
    vertical-align: middle;
    background: url('../img/icon.close.png') no-repeat #AA0000 center;
    display: inline-block;
    width: 34px;
    height: 28px;
    margin-right: 5px;
}

#USTeaserMap #USMapArea div.mapholder {
    position: relative;
    width: 500px;
    height: 400px;
    background: url('/resources/1/usmap/usfullmap.gif') 0 0 no-repeat;
}

#USTeaserMap #USMapArea img#USMapSwitch {
    position: absolute;
    z-index: 2;
}

#USTeaserMap #USMapArea img#USMapTrigger {
    width: 500px;
    height: 400px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 3;
}


#USTeaserMap #usMapImage area {
    cursor: pointer;
}

#main .setBox .callinfos ul.setcardbuttons li.contact a {
    width: 216px;
    background-image: url("../img/setcard.contact.button.png");
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
}