@CHARSET "ISO-8859-1";

#InternalPopup, #Overlay {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}

#Overlay {
    background: transparent url(../images/design/main_panel_pix_halftransparent.png) scroll repeat top left;
    height: 100%;
    width: 100%;
}

#InternalPopupWindow {
    position: absolute;
    top: 10px;
    left: 0px;
    margin: 0px auto;
    width: 800px;
    background: transparent url(../images/design/shadow.png) no-repeat scroll bottom right;
    padding-right: 15px;
    padding-bottom: 15px;
    z-index: 200;
}
#InternalPopupPanel {
    background: #0a0c0d url(../images/design/internalpopup_back.png) repeat-x scroll top left;
    border-left: 1px solid #535455;
    border-top: 1px solid #535455;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
#InternalPopupClose {
    background-color: #44494B;
    font-size: 12pt;
    font-weight: bolder;
    text-align: right;
    height: 40px;

}
#InternalPopupClose a {
    background: url(../images/design/Lightbox_close.png) no-repeat scroll center center;
    float: right;
    text-decoration: none;
    display: block;
    margin-top: 8px;
    margin-right: 6px;
    height: 22px;
    width: 22px;
}
#InternalPopupClose a:hover {
}
#InternalPopupLoading {
    height: 128px;
    width: 128px;
    background: transparent url(../images/design/loading.gif) no-repeat scroll center center;
    margin: 80px auto;
}
#InternalPopupLoading div {
    height: 100px;
    width: 100px;
}
#InternalPopupContent {
}
/*
#InternalPopupFoot {
    height: 50px;
}
*/
.PopupContentArea {
    padding: 10px;
}
/* Team Profile and Player Profile */

#Sitename {
    position: absolute;
    top: 34px;
    left: 35px;
    font-size: 16px;
    font-weight: bold;
    color: #aaa;
}

#PlayerTable, 
#TeamTable, 
#TimesTable,
#TeamProfileTabs table,
#Customer table,
#TeamStadiumProfile table,
#CalcTable {
border-collapse:separate;
border-spacing:1px;
width:100%;
}
#PlayerTable td, 
#TeamTable td, 
#TimesTable td,
#TeamProfileTabs td,
#Customer td ,
#TeamStadiumProfile td {
height: 24px;
padding:5px;
text-align:center;
}
#PlayerTable td.linksbuendig, 
#TeamTable td.linksbuendig, 
#TimesTable td.linksbuendig,
#TeamProfileTabs td.linksbuendig,
#Customer td.linksbuendig ,
#TeamStadiumProfile td.linksbuendig,
#PowerCalc td.linksbuendig {
text-align:left;
}
#PlayerTable td.rechtsbuendig, 
#TeamTable td.rechtsbuendig, 
#TimesTable td.rechtsbuendig,
#TeamProfileTabs td.rechtsbuendig,
#Customer td.rechtsbuendig ,
#TeamStadiumProfile td.rechtsbuendig,
#CalcTable td.rechtsbuendig {
text-align:right;
width: 50%;
}
#PlayerTable td a, 
#TeamTable td a, 
#TimesTable td a
#TeamProfileTabs td a,
#Customer td a ,
#TeamStadiumProfile td a {
color:#CCCCCC;
}
#PlayerTable td a:hover, 
#TeamTable td a:hover, 
#TimesTable td a:hover, 
#TeamProfileTabs td a:hover,
#Customer td a:hover,
#TeamStadiumProfile td a:hover {
color:#000000;
}
#PlayerTable tr.even td, 
#TeamTable tr.even td, 
#TimesTable tr.even td,
#TeamProfileTabs tr.even td,
#Customer tr.even td,
#TeamStadiumProfile tr.even td,
#CalcTable tr.even td {
background-color:#44494B;
}
#PlayerTable th, 
#TeamTable th, 
#TimesTable th,
#TeamProfileTabs th,
#Customer th,
#TeamStadiumProfile th {
background-color:#8F9293;
color:black;
padding:4px;
}
#PlayerTable tr:hover td, 
#TeamTable tr:hover td, 
#TimesTable tr:hover td,
#TeamProfileTabs tr:hover td,
#Customer tr:hover td,
#TeamStadiumProfile tr:hover td,
#CalcTable tr:hover td {
background-color:#FF8900;
color:black;
}
#PlayerTable tr:hover td a, 
#TeamTable tr:hover td a, 
#TimesTable tr:hover td a,
#TeamProfileTabs tr:hover td a,
#Customer tr:hover td a,
#TeamStadiumProfile tr:hover td a {
color:#000000 !important;
}


#PlayerTeamInformation, 
.frameRest, 
#MotivationTrainieren, 
#TeamShirtArenaInformation, 
#TimesInformation,
#Customer,
#TeamStadiumProfile {
    border-bottom: 1px solid #44494B;
    border-left: 1px solid #44494B;
    border-right: 1px solid #44494B;
}


.frameTop {
    border-top:1px solid #44494B;
}


#PlayerImage, 
#GeneralInformation,
#PowerCalc,
#PlayerInformation, 
#Rest, 
#MotivationsItems, 
#Trainieren, 
#GeneralInformation-Team, 
#TeamShirt, 
#TeamInformation, 
#TeamStadiumInformation, 
#Remaining, 
#TimesTableFrame,
#TeamStadiumBox,
#StadiumInformation {
    float: left;
    width: 313px;
    text-align: center;
    padding: 7px;
}

#PlayerImage, 
#PlayerInformation, 
#MotivationsItems, 
#GeneralInformation-Team,
#GeneralInformation,
#TeamInformation {
    /*border-right: 1px solid #44494B;*/
}

#StadiumInformation {
    border-left: 1px solid #44494B;
}

/* Player Profile */

#PlayerDisplayName, .teamName {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
}

#MotivationsItems {
    text-align: left;
}


#PlayerPicture, #PlayerPictureShirt {
    width: 90px;
}

#PlayerPictureShirt {
    margin-left: -93px;
}

#PlayerActions {
    text-align: right;
}

.clearing {
    clear: both;
}

#Rest {
    padding-top: 8px;
    line-height: 20px;
}

#ViolationsContent,
#TeamsContent {
    height: 65px;
}

#MotivationsItems ul{
    padding-top: 6px;
}

.expand, .collapse {
    text-decoration: none;
    color: white;
    display: block;
    padding: 2px 2px 2px 8px;
    margin-bottom: 2px;
    text-align: left;
}

.expand:hover, .collapse:hover {
    text-decoration: underline;
}

.expand {
    background: #44494B url(../images/design/minus.png) no-repeat scroll center right;
}

.collapse {
    background: #44494B url(../images/design/plus.png) no-repeat scroll center right;
}

#InternalPopup .goleft {
    margin-left: 65px;
    margin-right: 3px;
}

#PowerShiftHint {
    float: left;
    margin-left: 5px;
    padding-top: 5px;
}

/* Team Profile */

.teamName, #GeneralInformation-Team h1, #TeamShirt h1 {
    padding-bottom: 15px;
}

#TeamStadiumInformation a,
#EventsContent a {
    color: #ff8900;
    text-decoration: none;
}

#TeamStadiumInformation a:hover,
#EventsContent a:hover {
    text-decoration: underline;
}   

.tab, .taboff {
    float: left;
    display: block;
    height: 20px;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
    margin-right: 1px;
    background-color: #44494B;
}

.taboff {
    background-color: black;

}

.TeamDetails {
    padding: 7px;
}

#TeamMatchInformation, #TeamPlayerInformation, #TeamStadiumTab {
    padding: 5px;
    border: 1px solid #44494B;
}

#TeamMatchInformation a, #TeamPlayerInformation a, .tab, #TeamStadiumTab {
    color: #ccc;
}

/* Reduce Times */

.padl {
    white-space: nowrap;
    padding-left: 10px !important;
}
.padr {
    white-space: nowrap;
    padding-right: 10px !important;
}

#Message {
    padding: 5px 0px 0px 5px;
    /*float: left;*/
}

/*Playertraining*/

#SwitchTrainingIntro {
    padding-bottom:5px;
}

/*Ende Playertraining*/

#TimesActions {
    padding-top: 3px;
    float: right;
    text-align: right;
}

/* Customer Profile */

#Customer {
    text-align: center;
    padding: 7px;
}

#Customer td {
    height: 20px;
    vertical-align: middle;
}

#Customer td.rechtsbuendig {
    width: 200px;
}

#Customer td.picture {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}


/* Stadium Informations */

#InternalPopup #Actions {
    margin-top: 5px;
    text-align: right;
}

#StadiumGeneralInformation {
    padding-bottom: 10px;
}

#StadiumGeneralInformation h1 {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 4px;
}

/* Game Information */

#GameInformationTabs {
    padding: 0;
    margin: 0;
    line-height: 17px;
}

#GameInformationTabs p {
    padding-bottom: 6px;
}

#GameInformationTabs li {
    list-style-type: square;
    list-style-position: outside;
    padding-left: 5px;
    margin-left: 15px;
}

#GameInformationTabs ul {
    padding-bottom: 6px;
}

#TabContent0,
#TabContent1,
#TabContent2,
#TabContent3,
#TabContent4,
#TabContent5 {
    padding: 10px;
}

#TabContent0 a,
#TabContent1 a,
#TabContent2 a,
#TabContent3 a,
#TabContent4 a,
#TabContent5 a {
    color: #FF8900;
}

#TabContent0 a:hover,
#TabContent1 a:hover,
#TabContent2 a:hover,
#TabContent3 a:hover,
#TabContent4 a:hover,
#TabContent5 a:hover {
    color: #FFCC00;
} 

#SaleQuestion,
#transferSale,
#DeleteQuestion,
#ConvertQuestion {
    margin-top:10px;
}

#PlayerImage, 
#GeneralInformation,
#PowerCalc {
    /*height: 165px;*/
    width: 200px;
}

#PowerCalc {
    padding: 2px 7px;
}

#CalcTable td {
    padding: 2px;
}



/* Buildplanbox */

#Buildplanbox {
    background: transparent url("../images/design/shout540px_background.png") scroll repeat top left;
    border: 1px solid;
    border-color: #4e5454 #000 #000 #4e5454;
    padding: 10px;
    /*height: 520px;*/
    width: 400px;
    position: absolute;
    z-index: 60;
}

#BuildplanboxHead {
    background-color: #44494B;
    color: #aaa;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 8px 7px 8px;
    margin-bottom: 7px;
}

#BuildQueueScheduler {
    font-size: 11px;
    padding: 5px;
}

#BuildQueueScheduler > a {
    font-size: 11px;
    /*padding: 5px;*/
    float: right;
}

#BuildQueueScheduledTasks, #BuildQueueNormalTasks {
    padding: 5px 0px 5px 0px;
}

#BuildQueueScheduledTasks > .buildHint, #BuildQueueNormalTasks > .buildHint{
    padding: 5px;
}

#BuildQueueNormal {
    margin-top:10px;
    font-size: 11px;
    padding: 5px;
}


#BuildplanboxClose {
    float: right;
    display: block;
    text-align: right;
    margin-right: 5px;
    margin-bottom: 2px;
    margin-top: 1px;
    padding: 0px;
    background: url(../images/design/Lightbox_close.png) no-repeat scroll 0px 0px;
    width: 14px;
    height: 14px;
}

#BuildQueueTasks {
    border: 1px solid;
    border-color: #000 #4e5454 #4e5454 #4E5454;
    background: transparent url("../images/design/main_panel_pix_halftransparent.png") scroll repeat top left;
    /*overflow: auto;
    margin-bottom: 7px;*/
    /*height: 470px;*/
    /*width: 398px;*/
    /*padding: 5px 0px 5px 0px;*/
    /*float:right;*/
}


#InternalPopupContent #Times #BuildQueueTasks {
    padding-top: 14px;
}
#InternalPopupContent #Times #BuildQueueTasks .buildQueueTask {
    border: none;
}



/* Einträge im Buildqueueplaner */


.buildQueueTask {
    border-top: 1px solid #4e5454;
    padding: 5px;
}


#BuildQueueTasks .buildQueueTask .taskPicture {
    width: 94px;
    height: 71px;
    float: left;
    background-repeat: no-repeat;
}

#BuildQueueTasks .buildQueueTask .taskInfos {
    /*width: 94px;
    height: 71px;*/
    margin-left: 10px;
    line-height: 1.2em;
    float: left;
}


#BuildQueueTasks .buildQueueTask .taskShortenButton {
    float: right;
}


/* Tutorial */

#InternalPopupCloseTut {
    background: url(../images/tutorial/header.jpg) no-repeat scroll center center;
    background-color: #44494B;
    font-size: 12pt;
    font-weight: bolder;
    text-align: right;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: #00C000;
    border-bottom-style: none;
}

#InternalPopupCloseTut a {
    background: url(../images/design/Lightbox_close.png) no-repeat scroll center center;
    float: right;
    text-decoration: none;
    display: block;
    margin-top: 8px;
    margin-right: 6px;
    height: 22px;
    width: 22px;
}

#InternalPopupCloseTut a:hover {
}

#TutorialIntroGerd {
    background: transparent url(../images/tutorial/gerd/intro.png) no-repeat scroll left bottom;
    float: left;
    height: 374px;
    width: 300px;
}

.tutorialClearFloat {
    clear: both;
}

#TutorialTaskDefault .tut-green,
#TutorialDoneDefault .tut-green {
    color: #00C000;
    font-weight: bold;
}

#TutorialTaskDefault ul,
#TutorialDoneDefault ul {
    list-style-type: disc;
    list-style-position: inside;
    margin: 10px 0px;
}

#TutorialTaskDefault ul li,
#TutorialDoneDefault ul li {
    margin-left: 10px;
}

/* Task */

#TutorialTaskDefault, #TutStepOverview {
    border-width: 1px;
    border-style: solid;
    border-color: #00C000;
    border-top-style: none;
    font-size: 12px;
}

#TutorialTaskDefault .tutorialTaskClearRight {
    clear: right;
}

#TutorialTaskDefault .tutorialTaskSitename, #TutStepOverview .tutorialTaskSitename {
    position: absolute;
    top: 34px;
    left: 35px;
    font-size: 16px;
    font-weight: bold;
    color: #00C000;
    text-align: right;
    width: 700px;
}

#TutorialTaskDefault .tutorialTaskHead {
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 16px;
}

#TutorialTaskDefault .tutorialTaskHeadSeparator {
    float: right;
    margin-bottom: 20px;
    width: 500px;
    height: 1px;
    background-color: #CCCCCC;
    color: #CCCCCC;
    border: none #CCCCCC;
}

#TutorialTaskDefault .tutorialTask {
    clear: right;
}

#TutorialTaskDefault .tutorialTaskHide {
    display: none;
}

#TutorialTaskDefault .tutorialTaskImage {
    float: right;
    margin: 0px 20px 10px 20px;
}

#TutorialTaskDefault .tutorialTaskAnim {
    text-align: center;
    margin-bottom:10px;
}

#TutorialTaskDefault .tutorialTaskText {
    line-height: 120%;
    padding: 0px 30px;
}

#TutorialTaskDefault .tutorialTaskNext {
    clear: right;
    margin: 20px 15px;
}

#TutorialTaskDefault .tutorialTaskNext .buttonorange {
    float: right;
    padding-left: 5px;
}

/* Done */

#TutorialDoneDefault {
    border-width: 1px;
    border-style: solid;
    border-color: #00C000;
    border-top-style: none;
    font-size: 12px;
}

#TutorialDoneDefault .tutorialDoneClearRight {
    clear: right;
}

#TutorialDoneDefault .tutorialDoneSitename {
    position: absolute;
    top: 34px;
    left: 35px;
    font-size: 16px;
    font-weight: bold;
    color: #00C000;
    text-align: right;
    width: 700px;
}

#TutorialDoneDefault .tutorialDoneHead {
    margin: 0px 0px 40px 300px;
    padding-top: 30px;
    font-size: 16px;
}

#TutorialDoneDefault .tutorialDoneHeadSeparator {
    float: right;
    margin-bottom: 20px;
    width: 458px;
    height: 1px;
    background-color: #CCCCCC;
    color: #CCCCCC;
    border: none #CCCCCC;
}

#TutorialDoneDefault .tutorialDoneText {
    clear: right;
    line-height: 120%;
    margin-left: 300px;
    padding-right: 20px;
}

#TutorialDoneDefault .tutorialDonePlayer {
    float: right;
    margin: 10px 13px 0px 0px;
}

#TutorialDoneDefault .tutorialDoneNext {
    clear: right;
    margin: 40px 15px 20px 15px;
}

#TutorialDoneDefault .tutorialDoneNext .buttonorange {
    float: right;
}

#TutorialDoneDefault .tutorialDoneArchieveSeparator {
    float: right;
    margin-bottom: 20px;
    width: 350px;
    height: 1px;
    background-color: #CCCCCC;
    color: #CCCCCC;
    border: none #CCCCCC;
}

#TutorialDoneDefault .tutorialDoneNextArchive,
#TutorialTaskDefault .tutorialDoneNextArchive {
    clear: right;
    margin: 20px 15px;
}

#TutorialDoneDefault .tutorialDoneNextArchive .tutorialDoneArchive,
#TutorialTaskDefault .tutorialDoneNextArchive .tutorialDoneArchive{
    color: #CCCCCC;
    float: right;
}

#TutorialDoneDefault.tutorialGerdPic {
    background: transparent none scroll no-repeat left bottom;
}

#TutorialDoneDefault.tutorialGerdPic1 {
    background-image: url('../images/tutorial/gerd/1_fin.png');
    min-height: 333px;
}

#TutorialDoneDefault.tutorialGerdPic2 {
    background-image: url('../images/tutorial/gerd/2_fin.png');
    min-height: 433px;
}

#TutorialDoneDefault.tutorialGerdPic4 {
    background-image: url('../images/tutorial/gerd/4_fin.png');
    min-height: 307px;
}

#TutorialDoneDefault.tutorialGerdPic5 {
    background-image: url('../images/tutorial/gerd/5_fin.png');
    min-height: 322px;
}

#TutorialDoneDefault.tutorialGerdPic7 {
    background-image: url('../images/tutorial/gerd/7_fin.png');
    min-height: 300px;
}

#TutorialDoneDefault.tutorialGerdPic8 {
    background-image: url('../images/tutorial/gerd/8_fin.png');
    min-height: 300px;
}

#TutorialDoneDefault.tutorialGerdPic9 {
    background-image: url('../images/tutorial/gerd/9_fin.png');
    min-height: 400px;
}

#TutorialDoneDefault.tutorialGerdPic10 {
    background-image: url('../images/tutorial/gerd/10_fin.png');
    min-height: 278px;
}

#TutorialDoneDefault.tutorialGerdPic11 {
    background-image: url('../images/tutorial/gerd/11_fin.png');
    min-height: 350px;
}

#TutorialDoneDefault.tutorialGerdPic12 {
    background-image: url('../images/tutorial/gerd/12_fin.png');
    min-height: 350px;
}

#TutorialDoneDefault.tutorialGerdPic13 {
    background-image: url('../images/tutorial/gerd/13_fin.png');
    min-height: 300px;
}

#TutorialDoneDefault.tutorialGerdPic14 {
    background-image: url('../images/tutorial/gerd/14_fin.png');
    min-height: 274px;
}

#TutorialDoneDefault.tutorialGerdPic15 {
    background-image: url('../images/tutorial/gerd/15_fin.png');
    min-height: 290px;
}

#TutorialDoneDefault.tutorialGerdPic16 {
    background-image: url('../images/tutorial/gerd/16_fin.png');
    min-height: 406px;
}

#TutorialDoneDefault.tutorialGerdPic17 {
    background-image: url('../images/tutorial/gerd/17_fin.png');
    min-height: 307px;
}

#TutorialDoneDefault.tutorialGerdPic18 {
    background-image: url('../images/tutorial/gerd/18_fin.png');
    min-height: 340px;
}

#TutorialDoneDefault.tutorialGerdPic19 {
    background-image: url('../images/tutorial/gerd/19_fin.png');
    min-height: 400px;
}

#TutorialDoneDefault.tutorialGerdPic20 {
    background-image: url('../images/tutorial/gerd/20_fin.png');
    min-height: 350px;
}

#TutorialDoneDefault.tutorialGerdPic21 {
    background-image: url('../images/tutorial/gerd/21_fin.png');
    min-height: 350px;
}

#TutorialDoneDefault.tutorialGerdPic22 {
    background-image: url('../images/tutorial/gerd/22_fin.png');
    min-height: 350px;
}

#TutorialDoneDefault.tutorialGerdPic23 {
    background-image: url('../images/tutorial/gerd/23_fin.png');
    min-height: 350px;
}

#TutorialDoneDefault.tutorialGerdPic24 {
    background-image: url('../images/tutorial/gerd/24_fin.png');
    min-height: 308px;
}

#TutorialDoneDefault.tutorialGerdPic25 {
    background-image: url('../images/tutorial/gerd/25_fin.png');
    min-height: 274px;
}

#TutorialDoneDefault.tutorialGerdPic26 {
    background-image: url('../images/tutorial/gerd/26_fin.png');
    min-height: 284px;
}

#TutorialDoneDefault.tutorialGerdPic27 {
    background-image: url('../images/tutorial/gerd/27_fin.png');
    min-height: 307px;
}

#TutorialDoneDefault.tutorialGerdPic28 {
    background-image: url('../images/tutorial/gerd/28_fin.png');
    min-height: 322px;
}

#TutorialDoneDefault.tutorialGerdPic29 {
    background-image: url('../images/tutorial/gerd/29_fin.png');
    min-height: 350px;
}

#TutorialDoneDefault.tutorialGerdPic30 {
    background-image: url('../images/tutorial/gerd/30_fin.png');
    min-height: 312px;
}


/* Archiv */

#TutStepOverview {
    border-width: 1px;
    border-style: solid;
    border-color: #00C000;
    border-top-style: none;
    padding: 15px;
    margin-bottom: 10px;
}

#TutStepOverview .TutorialStepHeadline {
    font-size: 16px;
}

#TutStepOverview .TutorialStepText {
    margin-bottom: 15px;
}

#TutStepOverview .TutorialStepFinish {
    margin-bottom: 15px;
}

#TutStepOverview .TutorialArchieveFinishSeperator {
    margin-bottom: 20px;
    margin-top: 20px;
    height: 1px;
    background-color: #CCCCCC;
    color: #CCCCCC;
    border: none 1px #CCCCCC;
    width: 200px;
    margin-left: 250px;    
}

#TutStepOverview .TutorialStepHeadline a {
    color: #FF8900;
    text-decoration: none;
}

#TutStepOverview .TutorialStepHeadline a:hover {
    color: #CCCCCC;
    text-decoration: underline;
}


#TutStepOverview .TutorialArchieveStepSeperator {
    margin: 10px 0px 10px 0px;
    height: 1px;
    background-color: #CCCCCC;
    color: #CCCCCC;
    border: none #CCCCCC;
}


/* Lizenzhinweise*/
#confirmDialog > .panel a {
    color: #FF8900;
}