

/*Container tables and cells*/
table.containerTableClass { width: 100%; border: 0px none red; border-spacing: 0px; height: auto}
table.mainTableClass { margin-left: auto; margin-right: auto;  width: 1000px; height:100%; background-image: url('./../pics/background.jpg'); background-repeat: no-repeat; border: 0px solid blue}
tr.containerRowClass { width: 100%; height:100%; border: 0px none green}
tr.upRowClass { width: 100%; border: 1px solid black;  }
tr.bottomRowClass { width: auto; height: 100%; height: 100%; border: 0px none black}
tr.infoRowClass { width: auto; max-height: 100%; height: 100%;border: 0px none black}
tr.thinRowClass { border: 0px none red}
td.containerCellClass { width: 100%; height:100%; border: 0px solid red}
td.upRowCellClass { width: 100%; height:160px; border: 0px solid red; max-height: 160px }
td.leftColClass { width: 18%; height:100%; border: 0px solid red; text-align: center; vertical-align: top}

div.loadingNoteClass { position:absolute; visibility: hidden; border: 1px solid black; background-color: #FFFFCC; padding: 10px; top: 100px}
div.traceDivClass { position:absolute; visibility: visible; border: 0px solid black;}

td.middleColBaseClass { width: 66%; vertical-align: top; border: 0px solid red}
td.middleColTopClass { height: 100%; /*background-image: url('./pics/contentbgup.png')*/; background-repeat: no-repeat; padding: 0px 5px 10px 5px }
td.middleColMiddleClass { 100%; /*background-image: url('./pics/contentbgmiddle.png')*/; background-repeat: repeat;   }
td.middleColBottomClass { height: auto; border: 0px none black }

td.rightColClass { width: 23%; height:100%; border: 0px solid red; vertical-align: top }

/*Main page*/

h3.mainPageHeader {  font-family: Trebuchet MS, verdana, tahoma, arial ; font-size:17px ; font-weight:bold ; text-decoration:none; color: #FF9B04}
p.mainPageP {  font-family: Trebuchet MS, verdana, tahoma, arial ; font-size:12px ; font-weight:normal ; text-decoration:none; color: #007491}
table.gameTableClass { width: 100%}

/*info box*/ 

table.infoBoxTableClass { width: 80%; margin-left:auto; margin-right:auto;  background-color: #DDFFFF; border: 2px outset #39CBFB; border-spacing: 0px; margin-top: 10px; margin-bottom: 0px }
.infoHeaderFont {  font-family: Trebuchet MS, verdana, tahoma, arial ; font-size:12px ; font-weight:bold ; text-decoration:none; color: #FF9B04}

td.infoBoxMainCellClass { max-height: 100%; height: 100%; border: 0px solid red; text-align: left;  }
td.infoBoxContentCellClass {}
td.infoBoxControlCellClass {  }
td.infoBoxHeaderCellClass { width: 93%; }
div.infoBoxContentDivClass { max-height: 100%; height: 100%; }

/*Menu table layout*/

table.menuTableClass { margin-left: 5px; }
td.menuCellClass { width: 190px; height: 62px; background-repeat: no-repeat; }
a.subMenuLink { font-family: Trebuchet MS, verdana, tahoma, arial ; font-size:13px ; font-weight: bold ; text-decoration:none; }
a.subMenuLink:hover { color: #A3A3A3}

/*game cells*/
/*FFD18C*/
/*#E8FFFF*/
table.gameTable {width: 100%; margin-top: 5px; border: 0px solid #FFD18C}
.fResult { font-family: Trebuchet MS, verdana, tahoma, arial ; font-size:20px ; font-weight:normal ; text-decoration:none; color: #007491}
td.gameCellTimeHeaderClass{ width: 100%; background-color: white  }
td.gameCellResult {width: 50%; background-color: #FFF3C4; padding-left: 10px; padding-right: 10px; border: 1px outset #FFD18C }
td.gameCellMainHeader {width: 100%; background-color: #FFF3C4; padding-left: 10px; padding-right: 10px; border: 1px outset #FFD18C }
td.gameCellStat {width: 41%; background-color: white; padding: 2px 20px 2px 20px; border: 0px solid #FFD18C }
td.gameCellStatStar {width: 9%; background-color: white; padding: 0px; border: 0px solid #FFD18C }
td.gameCellReportHeader {width: 100%; }
td.gameCellReport {width: 100%; background-color: white; }
table.gameRaportTable {width: 100%; margin-top: 10px; background-color: #FFF3C4; border: 1px outset #FFD18C}

table.playerMainContainer {width: 100%; }
td.playerMainContainerCell {border: 0px outset #FFD18C}

/*games cells*/
table.gamesSubHeaderTable {width: 100%}
td.gamesSubHeaderCell {width: 100%; background-color: #FFF3C4; border: 1px outset #FFD18C}

/*standings list*/

table.standTable {width: 100%; padding: 10px}
tr.standRowClass {}
td.standCellClass { text-align: center; }
td.standHeaderCellClass { text-align: center;  }

/*comment editor*/

table.editorContainerTableClass { width: 100%}
td.editorInfoCellClass { width: 30%; text-align: center; height: auto  ; border: 0px solid #FFD18C}
td.editorCellClass { width: 70% ; padding: 10px; background-color: #FFF3C4; border: 1px outset #FFD18C}
td.editorControlCellClass { width: 30%; text-align: center; height: 25px; border: 0px solid #FFD18C}
textarea.commentEditorClass { width: 100%; }

/*tab menus*/

table.tabTable { width: 100% }
td.tabMenu { background-image: url('./../pics/tabmenu.jpg'); background-repeat: no-repeat; width: 115px; padding-left: 8px; padding-top: 6px}
td.tabMenuBase { background-color: #E8FFFF;}

/*comment table*/
table.commentTableClass { width: 100%}
td.commentHeaderClass { padding-left: 5px; height: 35px; vertical-align: bottom}
td.commentCellClass { background-color: #FFF3C4; padding: 5px}

/*login table*/
table.loginTableClass { width: 80%; margin-top: 100px; margin-left: 20px; background-color: #E8FFFF; border: 1px outset #808080}
td.loginCellClass { text-align: center}
input.loginEditClass { text-align: center}

/*voting*/
table.playerVoteTableClass {width: 100%; background-color: #FFF3C4; border: 1px outset #FFD18C; margin-top: 10px  }
table.playerVoteResultTableClass {width: 100%; margin-top: 10px  }
td.playerVoteCellLeft { width: 50%}
td.playerVoteCellRight { width: 50%; text-align: right} 
input.voteOkButtonClass { border: 1px outset #FFD18C border: 1px outset #FFD18C;  background-color: #E8FFFF; font-family: Trebuchet MS, verdana, tahoma, arial ; font-size:12px ; font-weight:normal ; text-decoration:none; }
td.starResultLeftClass { width: 90%; padding-left: 20px}
td.starResultRightClass { width: 10%; text-align: right; }

/*player list*/

table.playerPictureTableClass {width: 100%}
table.playerDetHeaderTableClass {width: 100%}
table.playerListTableClass  { border: 1px outset #808080; margin-top: 10px}

td.playerPictureCellClass { text-align: center; padding: 10px}
td.playersListHeaderCellClass { font-size:14px; padding-left: 4px}
td.playerDetHeaderClass { width: 100%; background-color: #FFF3C4; padding-left: 14px; padding-right: 10px; border: 1px outset #FFD18C }
td.playerSeasonCells { text-align: center;}
td.playersListCellClass { padding-left: 10px}

div.playerListPopupDivClass { position: absolute; visibility: hidden; border: 0px solid black; background-color: white; padding: 10px; text-align: left}

font.forumNameTextClass { font-size: 12px; margin-left: 5px}

/*statistic*/

table.statisticPictureTableClass {width: 100%}
table.statisticDetHeaderTableClass {width: 100%;  }
table.statisticListTableClass  { border: 1px outset #808080; margin-top: 10px}

td.optionCellClass { text-align: left; vertical-align: middle; padding: }
td.buttonHeaderClass { width: 100%; background-color: #FFF3C4; padding: 4px 14px 4px 4px; padding-right: 10px; border: 1px outset #FFD18C; text-align: right }


td.statisticListHeaderCellClass { font-size:14px; padding-left: 4px}
td.statisticDetHeaderClass { width: 100%; background-color: #FFF3C4; padding-left: 14px; padding-right: 10px; border: 1px outset #FFD18C }
td.statisticSeasonCells { text-align: center;}
td.statisticListCellClass { padding-left: 10px}

div.statisticListPopupDivClass { position: absolute; visibility: hidden; border: 0px solid black; background-color: white; padding: 10px; text-align: left}

/*finance part*/

table.financeHeaderTableClass {width: 100%}

td.financeHeaderCellClass { font-size:14px; padding-left: 4px}
td.financeHeaderClass { width: 100%; background-color: #FFF3C4; padding-left: 14px; padding-right: 10px; border: 1px outset #FFD18C }


/*Basic definitions*/

/*colors*/

.cWhite { color: white}
.cGreen { color: green}
a.blBlack:hover { color: #A3A3A3}
a.blWhite:hover { color: white}
anchor.blBlack:hover { color: #A3A3A3}
anchor.blWhite:hover { color: white}

/*Font*/
.fDefault { font-family: Trebuchet MS, verdana, tahoma, arial ; font-size:12px ; font-weight:normal ; text-decoration:none; color: #007491}
.fDefaultB { font-family: Trebuchet MS, verdana, tahoma, arial ; font-size:12px ; font-weight:bold ; text-decoration:none; color: #007491}

